Skip to content

商品列表 ​

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

一、商品样式配置 ​

商品名称:单行 / 多行

  • 单行:商品名称超出容器宽度时文字截断,只显示一行,页面布局整齐简洁
  • 多行:商品名称自动换行,完整展示较长的商品名称

二、购买按钮配置 ​

1. 是否显示 ​

开关:开启,商品卡片右下角展示购买按钮;关闭,则隐藏购买按钮。

2. 购物车事件(点击按钮触发动作) ​

  • 跳转商品详情:点击按钮直接打开该商品详情页面
  • 加入购物车:点击按钮直接将商品加入购物车,页面不跳转

3. 样式 ​

3 种按钮外观可选:按钮样式 / 购物车图标 / + 加号图标

4. 按钮文字 ​

自定义按钮上展示文字,例如:购买。仅选择【按钮样式】时,该设置生效;图标样式下不显示文字。

5. 是否加粗 ​

常规 / 加粗:控制按钮内文字的字体粗细。

6. 按钮边距 ​

拖动滑块或者输入数字,调整按钮与商品卡片边缘之间的距离。

7. 按钮圆角 ​

拖动滑块或者输入数字,控制按钮圆角大小;数值越大,按钮边角越圆润。

8. 色调 ​

  • 跟随主题风格:自动继承商城全局主题配色,无需单独设置颜色
  • 自定义:手动选择按钮颜色

三、预览与保存 ​

  1. 右侧预览区:实时预览移动端商品列表效果,直观查看商品卡片、价格、购买按钮展示效果。
  2. 底部【保存】按钮:全部配置完成后点击保存,配置在移动端页面生效。