产品选项卡(文档)

产品选项卡,用于展示多组产品数组,产品数据可以来源于产品分类,产品分组,关键字,团购秒杀活动,优惠券。

相关链接:

如何添加产品

 

点击查看”示例和视频操作” >>

 

1,如何插入设计组件

只需从左侧的组件控制面板【文章产品列表】中 ,选中产品选项卡后点击鼠标左键拽住并拖放到编辑面板处即可,如下图所示

 

 

了易于理解及操作,下面的操作我们只说明常用的内容和样式设置,因为并不是每一个选项都是我们设计的时候需要用到的。

2,内容选项卡

2.1,产品选项卡 

(1)展示最大数量:展示产品的数量

(2)选项卡项目:新增选项卡项目项目后,选择选项卡数据,如下图所示,支持展示“产品分类”,“产品分组”,”标签/关键字搜索”,“团购活动”,“限时秒杀”相关产品数据,相关分类或标签名称会显示在右边的选项卡中,具体参考下图

 

 

2.2,界面设置

通过开启和关闭开关按钮来设置产品展示的数据项目,相关设置参考下图,

 

 

设置产品排版:为图片靠左后,产品呈现两列排列

 

 

3,样式选项卡

3.1  样式 ,此处可以设置产品列数,水平间距,图片布局,标签栏背景色,字体颜色等。具体参考下图

 

 

3.2 购买按钮,设置购买按钮背景颜色,购买图标的类型

 

 

3.2 标签组,设置标签背景色,字体颜色,倒计时

 

 

恭喜你已完成当前组件的学习,感谢阅读。

 

 

 

评论

数据加载中...
数据加载中...

产品标题

剩余 0

购买数量
- +
确认删除?
扫一扫分享到微信朋友圈

立刻分享给好友

点击屏幕右上角将本页面分享给好友

知道了