如何使用产品页签组件?

浏览数量:0     作者:小七     发布时间: 2016-08-30      来源:本站

产品页签组件
 
【组件简介】产品页签组件实现以页签切换形式展示不同分类下的产品列表功能。
 
【应用场景】产品页签组件一般放到首页上,展示多个分类下核心的或者推荐的产品,可以通过切换不同的分类页签动态切换分类下的产品数据。

【使用方法】

1、如何添加产品页签组件?
 
第一步:进入编辑网站后台。

1)     打开浏览器输入www.7datong.com 到达七达通科技云营销平台首页,点击右上角登录按钮。

七达通科技建站05
2)     在白色框内输入账号和密码,点击登录。
七达通科技建站06
3)     找到要编辑的网站,点击“编辑网站“按钮,进入网站后台。
七达通科技建站07

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

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

添加产品页签组件
 

2、如何设置产品页签组件?

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

进入组件的设置入口

内容:
组件标题:在此可以输入这个组件的标题;
请选择产品分类:在此可以选择展示在页签上的产品分类,直接在分类前的复选框前打开就可以选择;
每个分类最多展示的产品个数:可以设置每个分类最多展示的产品个数;
显示更多:若勾选了“是”,点更多按钮会默认跳转到这个产品分类的的页面。

设置--内容

风格:


选择展示风格:在此可以选择页签的展示风格;

单击“展开设置”之后,可以设置如下内容:

页签按钮位置:可以设置页签按钮位置为居左、居中、或居右;
页签按钮高度:可以设置页签按钮的高度;
页签按钮宽度:可以设置为固定左右边距、固定宽度;
页签字体大小:可以设置页签字体的大小;
页签按钮默认样式:可以设置页签按钮默认样式下的背景颜色、文字颜色;
页签按钮选中样式:可以设置选中页签按钮时的背景颜色、文字颜色。

设置--风格         

特效


鼠标悬停产品图片特效:可以设置鼠标悬停产品图片时的特效,默认、放大、透明、黑白、蒙层、黑白变彩色;

特效

高级

响应式变化下不同设备的显示图片数:可以设置宽屏电脑、PAD横屏、PAD竖屏、手机横屏、手机竖屏终端下一行显示的图片数量。

高级



设置好以上内容之后,要单击“保存”按钮才可以生效哦。

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

          微信公众号

阿里巴巴国际站

网站建设

知识圈

联系我们
  客服QQ:279415070
   服务顾问:17727578727  ( 微信 )
  邮箱:info@7datong.com
  地址 : 深圳市龙华区华油工业区1栋2层
Copyright © 深圳市七达通科技有限公司 All Rights Reserved 版权      互联网服务粤ICP备16005814号
   - 网站地图