商品列表页设计

为了能让您提前预览商品列表页面展示样式，Shopper App 提供了商品列表页的预览及编辑功能。

设置步骤

安装 Shopper App 后，从以下位置访问设计面板：Apps > Shopper App > App Design > Design > Product List。

Product List 页编辑器内可以选择您想要展示的内容，不可任意添加组件或挪动顺序。

1. 选择预览分类：每次进入 Product List 编辑页时右侧预览区会默认展示 Shopper App 渠道下的第一个分类，您可点击🔽箭头切换预览分类。如您还未有创建商品数据或未有标记 Shopper App 渠道的分类，则预览区会出现 [No available collection.] 的提示。
2. 设置公告栏：公告栏组件展示在 Product List 页顶部，公告栏组件内容支持选择同步 App 首页公告栏或者是独立设定两种。如选择【同步 App 首页公告栏】，则公告栏文字、颜色等都不可编辑；如选择【独立设定】，则可编辑公告栏文字、颜色，设定发布时间等，也可隐藏单条公告栏内容。
3. 发布上线：编辑完且预览无问题后，点击右上角【发布】按钮将设计发布至 App 端。