产品选项卡,用于展示多组产品数组,产品数据可以来源于产品分类,产品分组,关键字,团购秒杀活动,优惠券。
相关链接:
1,如何插入设计组件
只需从左侧的组件控制面板【文章产品列表】中 ,选中产品选项卡后点击鼠标左键拽住并拖放到编辑面板处即可,如下图所示
了易于理解及操作,下面的操作我们只说明常用的内容和样式设置,因为并不是每一个选项都是我们设计的时候需要用到的。
2,内容选项卡
2.1,产品选项卡
(1)展示最大数量:展示产品的数量
(2)选项卡项目:新增选项卡项目项目后,选择选项卡数据,如下图所示,支持展示“产品分类”,“产品分组”,”标签/关键字搜索”,“团购活动”,“限时秒杀”相关产品数据,相关分类或标签名称会显示在右边的选项卡中,具体参考下图
2.2,界面设置
通过开启和关闭开关按钮来设置产品展示的数据项目,相关设置参考下图,
设置产品排版:为图片靠左后,产品呈现两列排列
3,样式选项卡
3.1 样式 ,此处可以设置产品列数,水平间距,图片布局,标签栏背景色,字体颜色等。具体参考下图
3.2 购买按钮,设置购买按钮背景颜色,购买图标的类型
3.2 标签组,设置标签背景色,字体颜色,倒计时
恭喜你已完成当前组件的学习,感谢阅读。
评论