📋 商品组&套件&特征图组件原型
① 商品组组件-前台
② 商品组组件-后台
③ 套件组件-后台
④ 特征图组件-前台
⑤ 特征图组件-后台
Tab 切换商品图 / 场景图与每行个数
平台：
PC
M端
商品图
场景图
一行 1 个
一行 2 个
一行 3 个
一行 4 个
左图右文
上图下文
返回
PC端
M端
预览
保存
页面结构
▶
🛒
商品卡片
💾
👁
📄
🗑
属性面板
组件样式
PC端组件样式
一行一个
一行两个
一行三个
一行四个
PC端素材位置
左侧
右侧
上侧
PC端切换方式
轮播
上下分布
M端组件样式
一行一个
一行1.5个（横滑）
M端切换方式
左右滑动
上下分布
功能设置
积分加价购
图片展示折扣标识
点击图片、标题跳转商品详情页
按钮设置
buy now 按钮文案
设置样式
加购 按钮文案
设置样式
样式与渠道
*
展示渠道
（用于控制组件在不同渠道下的可见性）
组件背景颜色
边框圆角
圆角
直角
图片圆角
圆角
直角
组件id
间距配置
电脑
手机
组件内边距
左
右
组件外边距
左
右
组件内边距
左
右
组件外边距
左
右
tracking_id
主图使用商品图
主图使用场景图
选择产品
选择商品SKU
选择商品SPU
选择商品
替换图片
替换PC端图片
调整成一行3张时，图片建议尺寸：470*300px
替换M端图片
图片建议尺寸：500*350px
自动切换
切换时间(秒)
2s
3s
4s
5s
6s
7s
8s
9s
10s
商品信息
商品标题
设置字体
商品副标题
设置字体
商品描述补充
电脑
手机
文件
编辑
视图
插入
格式
工具
B
I
U
⋯
标签设置
商品标签
设置字体
参数标签
设置字体
标签背景颜色
颜色设置
实价颜色
划线价颜色
卡片背景色
清除
留空则使用默认白色背景
*
展示渠道
（用于控制组件在不同渠道下的可见性）
🗑 删除组件
一行 1 个
一行 2 个
一行 3 个
返回
PC端
M端
预览
保存
页面结构
▶
🖼️
特征图组件
◆
细节图1
◆
细节图2
◆
细节图3
属性面板
渠道
*
展示渠道
（用于控制组件在不同渠道下的可见性）
组件背景颜色
边框圆角
无
圆角
组件id
间距配置
电脑
手机
组件内边距
左
右
组件外边距
左
右
组件内边距
左
右
组件外边距
左
右
tracking_id
图片配置
PC端主图图片
1
+ 上传
设置热点
删除
M端主图图片
1
+ 上传
设置热点
删除
PC端细节图片
1
+ 上传
设置热点
删除
M端细节图片
1
+ 上传
设置热点
删除
文本信息
主标题
设置字体
副标题
设置字体
按钮设置
主按钮文案
事件是通过按钮进行触发的
设置样式
主按钮事件
URL跳转
无事件
*
跳转链接
用户登录后才能跳转
*
URL跳转方式
点击按钮跳转
点击卡片跳转
样式与渠道
卡片背景色
留空则使用默认白色背景
*
展示渠道
删除组件
商品图
场景图
一行 1 个
一行 1.5 个
一行 1 个
一行 2 个
一行 3 个
选择商品
已选
0
/ 12
取消
确定添加
