购物车页设计
购物车页是 App 购物链路中非常重要的一部分，优质的购物车页有助于提高转化率。
设置步骤
设置路径
安装 Shopper App 后，从以下位置访问设计面板：Apps > Shopper App > App Design > Design > Shopping Bag。
设置方法
购物袋页编辑器内可以选择您想要展示的内容，不可任意添加组件或挪动顺序。
-
设置公告栏：公告栏组件展示在购物袋页顶部，公告栏组件内容支持选择同步 App 首页公告栏或者是独立设定两种。如选择【同步 App 首页公告栏】，则公告栏文字、颜色等都不可编辑；如选择【独立设定】，则可编辑公告栏文字、颜色，设定发布时间等，也可隐藏单条公告栏内容。
-
设置商品推荐：您可设置展示或隐藏商品推荐模块，还可以设置展示样式。
备注：店铺安装“Product Recommendation”插件，且开启商详推荐，商品推荐才可使用展示或隐藏功能；如店铺未安装“Product Recommendation”插件或插件未开启商详推荐，商品推荐模块将为置灰状态，不可展示，您看通过下方提示进行操作。
-
配置悬浮图标：您可以在购物车页添加一个随页面滚动始终可见的悬浮图标，并链接至在线客服或活动页面，以提升客服效率或推动活动参与。该组件支持【同步自首页悬浮图标组件】或【独立设定】两种方式。如果选择同步首页，图标将继承首页的设置，无法单独更改。如选择独立设定，您可为购物车页单独配置图标，包括以下选项：
-
- 基础设置：为图标命名，选择图标显示的位置，并上传要在 App 中展示的图标图片。
-
功能类型：选择将图标链接至【活动页面】或【在线客服】：
- 若选择【活动页面】：请设置跳转的页面链接。
- 若选择【在线客服】：
- 请选择要使用的客服服务。Shopper App 目前支持与 Shulex 集成，这是一款基于 AI 的实时客服解决方案。如需了解更多，请参阅《Shulex 集成指南》。
- 请确认是否启用【未读消息提示】。启用后，当用户有未读消息时将显示红点提醒。
-
启用时间：您可根据需要设置悬浮图标的发布时间。
-
-
发布上线：编辑完且预览无问题后，点击右上角【发布】按钮将设计发布至 App 端。
备注：如您未有点击过【发布】按钮， App 的购物袋页将默认不展示商品推荐模块。