如何使用产品表格列表组件?

浏览数量:124     作者:本站编辑     发布时间: 2016-01-20      来源:本站

产品表格列表

【组件简介】以表格列表的形式展示多字段的产品信息,可以在组件中灵活配置不同字段是否显示以及调整显示顺序。

【应用场景】产品表格列表主要应用在产品列表页面上,以表格形式展示大部分应用于化工、机械、纺织等行业的产品,这些行业的共性在于不是以产品图片为主打,而是更侧重于展示产品名称、型号、规格等属性字段,所以以表格的形式展示更直观清晰。

 

【使用方法】


1、如何添加产品表格列表组件?

第一步:进入”编辑网站“后台;

1)     打开浏览器输入www.leadong.com 到达领动云营销平台首页,点击右上角登录按钮。

进入官网
 

2)     在白色框内输入账号和密码,点击登录。

输入账号密码
 
 
3)     找到要编辑的网站,点击“编辑网站“按钮,进入网站后台。

中文网站.png  
第二步:把要操作的页面切换为当前页面。把鼠标放到“当前页面”四个字眼的右侧区域,弹出下拉菜单,在自定义页面或系统页面中找到相关页面,单击此页面名称(不要单击页面名称后面的按钮),即可切换为当前页面。  把产品页面切换为当前页面.png


第三步:把鼠标放到需要添加组件的位置,出现小水滴及一条蓝色的横线并且横线所在区域就是要添加区域,单击这个小水珠,弹出添加组件的页面,找到产品组件中的“产品表格列表”组件,单击它,即可添加。

添加产品表格列表组件
 


2、如何设置产品表格列表组件?

情况1:接着上面的操作,在弹出的”设置产品表格列表“窗口,可以设置产品表格列表组件的内容和风格。

 

情况2:产品表格列表组件已经添加好了,可以通过以下步骤进入此组件的设置项中:把鼠标放到产品表格列表组件区域,左上角出现组件名称,把鼠标移到“产品表格列表”四个字右侧的第一个按钮处即“设置”,单击它即可进入设置项中:
在弹出的设置产品表格列表窗口,可以设置此组件的内容和风格。
进入设置此组件

内容:

组件标题:在此可以输入这个组件的标题;
选择列表的产品数据:在此可以选择展示在这个位置的产品,可以是所有产品,也可以是使用筛选条件筛选出来的产品,也可以选择指定的产品;
产品表格列表的字段配置(拖动可调整字段顺序):在这里可以勾选显示在这个组件中的字段,选择好之后,可以按钮鼠标左键调整某个字段的排列顺序;

设置--内容

高级:

分页展示:当产品总数量超过每页展示的产品数量时,可以设置是否显示分页;
每页产品数量:选择展示分页时,可以设置每页产品数量;
分页刷新方式:如果展示分页了,那么单击分页时,页面刷新的方式有两种,一种是页面全局刷新URL变化(这种有利于页面优化),另外一种是页面局部刷新URL不变(这种不利于SEO优化,但是利于页面打开速度)。

设置--高级          

风格:


列表样式:目前只有一个列表样式;
表头文字颜色:在此可以设置表头文字颜色;
表头背景色:在此可以设置表头背景色;
表格边线颜色:在此可以设置表格边线的颜色;
分页按钮选中颜色:在此可以设置分页按钮选中的颜色;
分页位置:在此可以设置分页的位置。 

设置--风格
设置好以上功能之后,需要点保存,不然修改的是无效的。

效果图:

效果图


功能优化

1、“产品表格列表“组件,新增隔行变色风格。(2019-9-17优化)

【应用场景】隔行变色及鼠标悬停变色可以让“产品表格列表”在展示产品信息时更易引起顾客的注意。

【操作指导】进入“编辑网站”界面,选择“添加组件”-“产品组件”-“产品表格列表”,在“风格”页签中选择第2种展示风格,并在下方设置隔行背景色、鼠标悬停背景色、遗迹边线粗细即可,操作如下图所示:

3

【应用效果】如下图所示:

1




设置好组件的以上设置以后,可以根据需要使用此组件的以下功能,以下是所有组件的通用功能:

3、查看如何编辑组件的样式

4、查看如何复制组件?

5、查看如何应用组件?

6、查看如何删除组件?

7、查看如何恢复组件?


 产品与服务
建站流程
热搜标签
找不到你的问题?

立即行动,通过领动建站获取更多客户

留下您的联系方式,专属顾问会尽快联系您

表单名称

B2B营销型网站

外贸网站精准营销

售后服务

行业资讯

电话  :400-6130-885

邮箱 :cservice@leadong.com

地址 :南京江北新区浦泗路8-2号

金融创新广场5楼

    

Leadong   版权所有  2020 南京焦点领动云计算技术有限公司   备案证书号: 苏ICP备17012459号-2 隐私报告 | 法律声明 
今日最后14个免费网站测评