分类页设计

商品分类页面是所有产品系列的中心，客户单击此页面中的产品分类并访问其中的产品，您可以根据需要自定义设计页面。

分类页样式

Shopper App 提供了 3 套不同的分类页设计模版，可完全满足您的设计需求。

• 图文平铺
• 纯文字列表
• 三级图文

您可以在预览区查看各个样式类型，以决定您的商店想要哪一种布局。

分类页设置

安装 Shopper App 后，点击应用> 我的应用> Shopper App > App 设计> Design 按钮，在顶部选择 Collections Page 。

设置分类页公告栏

公告栏位于页面顶部，不可移动顺序，支持选择同步 App 首页公告栏或者是独立设定两种设置。如选择【同步 App 首页公告栏】，则公告栏文字、颜色等都不可编辑；如选择【独立设定】，则可编辑公告栏文字、颜色，设定发布时间等，也可隐藏单条公告栏内容。

设置分页组件

分页组件位于公告栏组件下方，不可删除及调整顺序。

1. 开启分页：点击分页组件，开启分页，组件默认关闭状态。
2. 编辑分页名称：点击”Section"，编辑分页名称；可点击”添加分页组件“添加分页，最多可添加 10 个分页。
3. 编辑分页页面：选择您需要编辑的分页，并在下方正文部分进行页面编辑。当切换页面时，中间预览区会自动切换预览页面。

设置分类信息

点击“分类页” 开始设置分类信息，并选择想要展示的样式后进行分类设置。

1. 图文平铺样式
   • 点击“图文平铺”，点击“添加分类”开始添加您需要展示的分类，分类可以多选，选中分类后点击“完成”。
   • 
   • 设置分类：点击分类名称旁边的「」图标，设置分类封面图、分类名称，以及预约分类上架时间，并且可以在这个分类下点击“添加分类”添加子分类。Shopper App 会同步您在官网设置的分类封面图和分类名称，您可根据实际需要进行修改。
   • 调整分类顺序：如您添加多个分类，点击分类前的「」图标上下或左右拖拽调整分类排序。
2. 纯文字列表和三级图文样式
   • 点击“纯文字列表”或“三级图文”，选中样式后，会自动将官网的分类同步过来。
   • 设置分类：点击分类名称旁边的「」图标，设置分类名称，和预约分类上架时间。
   • 调整分类顺序：如您添加多个分类，点击分类前的「」图标上下或左右拖拽调整分类排序。

发布上线

完成编辑并确认预览一切正常后，点击右上角的“应用”按钮将您的设计发布到应用中。如果您想暂时保留发布，可以点击“保存”以保留您的编辑内容。