如何使用产品页签组件？
浏览数量： 14 作者： 小七 发布时间： 2016-08-30 来源： 本站
产品页签组件
【组件简介】产品页签组件实现以页签切换形式展示不同分类下的产品列表功能。
【应用场景】产品页签组件一般放到首页上，展示多个分类下核心的或者推荐的产品，可以通过切换不同的分类页签动态切换分类下的产品数据。
【使用方法】
1、如何添加产品页签组件？
第一步：进入编辑网站后台。 1) 打开浏览器输入 www.7datong.com 到达七达通科技云营销平台首页，点击右上角登录按钮。 
2) 在白色框内输入账号和密码，点击登录。 3) 找到要编辑的网站，点击“编辑网站“按钮，进入网站后台。 第二步：把要操作的页面切换为当前页面。把鼠标放到“当前页面”四个字眼的右侧区域，弹出下拉菜单，在自定义页面或系统页面中找到相关页面，单击此页面名称（不要单击页面名称后面的按钮），即可切换为当前页面。
第三步：把鼠标放到需要添加组件的位置，出现小水滴及一条蓝色的横线并且横线所在区域就是要添加区域，单击这个小水珠，弹出添加组件的页面，找到产品组件中的“产品目录”组件，单击产品目录组件，即可添加。
2、如何设置产品页签组件？ 情况1：接着上面的操作，在弹出的”设置产品页签“窗口，可以设置产品页签组件的内容和风格。
情况2：产品页签组件已经添加好了，可以通过以下步骤进入此组件的设置项中：把鼠标放到产品页签组件区域，左上角出现组件名称，把鼠标移到“产品页签”四个字右侧的第一个按钮处即“设置”，单击它即可进入设置项中：
在弹出的设置产品页签窗口，可以设置此组件的内容和风格。
内容：
风格： 选择展示风格：在此可以选择页签的展示风格； 单击“展开设置”之后，可以设置如下内容： 页签按钮位置：可以设置页签按钮位置为居左、居中、或居右； 页签按钮高度：可以设置页签按钮的高度； 页签按钮宽度：可以设置为固定左右边距、固定宽度； 页签字体大小：可以设置页签字体的大小； 页签按钮默认样式：可以设置页签按钮默认样式下的背景颜色、文字颜色； 页签按钮选中样式：可以设置选中页签按钮时的背景颜色、文字颜色。
特效 鼠标悬停产品图片特效：可以设置鼠标悬停产品图片时的特效，默认、放大、透明、黑白、蒙层、黑白变彩色； 高级 响应式变化下不同设备的显示图片数：可以设置宽屏电脑、PAD横屏、PAD竖屏、手机横屏、手机竖屏终端下一行显示的图片数量。 设置好以上内容之后，要单击“保存”按钮才可以生效哦。 设置好组件的以上设置以后，可以根据需要使用此组件的以下功能，以下是所有组件的通用功能： 
