商品列表
商品列表页面管理,用于管理手机端商品列表页的样式方案,选择设置--店铺--手机端--商品列表进入。

一、商品样式配置
商品名称:单行 / 多行
- 单行:商品名称超出容器宽度时文字截断,只显示一行,页面布局整齐简洁
- 多行:商品名称自动换行,完整展示较长的商品名称
二、购买按钮配置
1. 是否显示
开关:开启,商品卡片右下角展示购买按钮;关闭,则隐藏购买按钮。
2. 购物车事件(点击按钮触发动作)
- 跳转商品详情:点击按钮直接打开该商品详情页面
- 加入购物车:点击按钮直接将商品加入购物车,页面不跳转
3. 样式
3 种按钮外观可选:按钮样式 / 购物车图标 / + 加号图标
4. 按钮文字
自定义按钮上展示文字,例如:购买。仅选择【按钮样式】时,该设置生效;图标样式下不显示文字。
5. 是否加粗
常规 / 加粗:控制按钮内文字的字体粗细。
6. 按钮边距
拖动滑块或者输入数字,调整按钮与商品卡片边缘之间的距离。
7. 按钮圆角
拖动滑块或者输入数字,控制按钮圆角大小;数值越大,按钮边角越圆润。
8. 色调
- 跟随主题风格:自动继承商城全局主题配色,无需单独设置颜色
- 自定义:手动选择按钮颜色
三、预览与保存
- 右侧预览区:实时预览移动端商品列表效果,直观查看商品卡片、价格、购买按钮展示效果。
- 底部【保存】按钮:全部配置完成后点击保存,配置在移动端页面生效。
