分类页设计
商品分类页面是所有产品系列的中心，客户单击此页面中的产品分类并访问其中的产品，您可以根据需要自定义设计页面。
分类页样式
Shopper App 提供了 3 套不同的分类页设计模版，可完全满足您的设计需求。
- 图文平铺
- 纯文字列表
- 三级图文
您可以在预览区查看各个样式类型，以决定您的商店想要哪一种布局。
分类页设置
安装 Shopper App 后，点击应用> 我的应用> Shopper App > App 设计> 设计按钮，在顶部选择分类页 。
设置分类页公告栏
公告栏位于页面顶部，不可移动顺序，支持选择同步 App 首页公告栏或者是独立设定两种设置。如选择【同步 App 首页公告栏】，则公告栏文字、颜色等都不可编辑；如选择【独立设定】，则可编辑公告栏文字、颜色，设定发布时间等，也可隐藏单条公告栏内容。
设置分页组件
分页组件位于公告栏组件下方，不可删除及调整顺序。
- 开启分页：点击分页组件，开启分页，组件默认关闭状态。
- 编辑分页名称：点击”Section"，编辑分页名称；可点击”添加分页组件“添加分页，最多可添加 10 个分页。
- 编辑分页页面：选择您需要编辑的分页，并在下方正文部分进行页面编辑。当切换页面时，中间预览区会自动切换预览页面。
设置分类信息
点击“分类页” 开始设置分类信息，并选择想要展示的样式后进行分类设置。
- 选择分类样式：有图文平铺、纯文字列表和三级图文三种样式可供选择，选择图文平铺或三级图文的话，需要选择图片显示比例。
-
分类设置：
-
- 添加分类：点击”添加分类“勾选 App 需要展示的分类，点击”完成“。
-
编辑分类：点击分类名称旁边的「
」图标，设置分类封面图、分类名称，以及预约分类上架时间，并且可以在这个分类下点击“添加分类”添加子分类。Shopper App 会同步您在官网设置的分类封面图和分类名称，您可根据实际需要进行修改。
- 调整分类顺序：如您添加多个分类，点击分类前的「
」图标上下或左右拖拽调整分类排序。
- 删除分类：如您添加分类后想要删除的话，鼠标挪至分类名称右边，会出现删除图标，点击即可删除。
- 调整分类顺序：如您添加多个分类，点击分类前的「
设置悬浮图标
悬浮图标功能可让您设定一个在顾客滚动页面时持续显示的快捷入口。您可以将该图标链接到在线客服或指定的活动页面，以提升客户支持效率或推进活动参与度。请按照以下步骤进行设置：
- 在左侧菜单中，点击【悬浮图标】。然后选择如何配置分类页的图标：
-
- 【同步自首页悬浮图标组件】：所有设置将跟随首页的悬浮图标，无法单独更改。
- 【独立设定】：为分类页配置不同于首页的悬浮图标。请看第 2 步了解设置说明。
- 如果选择了【独立设定】，点击【添加悬浮图标】，并为图标配置以下选项：
-
- 基础设置：为图标命名，选择图标显示的位置，并上传要在 App 中展示的图标图片。
-
功能类型：选择将图标链接至【活动页面】或【在线客服】：
- 若选择【活动页面】：请设置跳转的页面链接。
- 若选择【在线客服】：
- 请选择要使用的客服服务。Shopper App 目前支持与 Shulex 集成，这是一款基于 AI 的实时客服解决方案。如需了解更多，请参阅《Shulex 集成指南》。
- 请确认是否启用【未读消息提示】。启用后，当用户有未读消息时将显示红点提醒。
- 启用时间：您可根据需要设置悬浮图标的发布时间。
- 点击【保存】保存设置以便后续修改，或点击【更新并使用】立即生效配置。
发布上线
完成编辑并确认预览一切正常后，点击右上角的“应用”按钮将您的设计发布到应用中。如果您想暂时保留发布，可以点击“保存”以保留您的编辑内容。