主题设置
您可以在主题设置页面进行 App 全局性设计,可设置 App 内全局颜色、商品、底部导航的展示样式。点击应用> 我的应用> Shopper App > App 设计>主题设置。
颜色设置
可在此进行深色模式的设置,深色模式默认关闭状态,点击开关后需要设置用户打开 App 的默认展示方式,可以选择跟随用户手机系统设置、或是直接显示明亮模式或是显示深色模式。
| 备注:如您已经开启深色模式,所有页面都可以点击切换明亮模式或深色模式进行预览,以查看实际效果。 |
商品列表设置
可在此进行 App 商品列表的展示设置,该设置会应用于 App 首页的商品分类列表和商品组件列表,以及搜索结果页、商详推荐、购物车推荐、心愿单页等。
商品列表设置分为两个标签:
- 【默认配置】适用于【一行 1 个】、【一行 2 个】与【单双列错落】三种列表视图。
- 【一行 3 个配置】专门用于【一行 3 个】视图,可设置项相对精简。
默认配置
【默认配置】可进行【展示风格】、【相册预览】、【商品名称】、【商品摘要】、【商品评级】、【快速加购商品】及【心愿单图标】等相关展示设置。
关于【相册预览】注意事项:
|
一行 3 个配置
【一行 3 个配置】适用于【列表视图】中勾选了【一行 3 个】的展示效果,可设置项相对精简。仅支援设置:【商品名称】、【商品评级】、【快速加购商品】及【心愿单图标】。
| 注意: 【一行 3 个配置】不提供【展示风格】、【相册预览】与【商品摘要】相关设置,这些效果固定为精简样式,以突出商品图片本身。 |
商品卡片设置
商品卡片可进行商品 图片比例、商品价格展示方式、折扣标签 与 商品排行榜角标 的样式设置,并支持配置 立即购买 功能的展示与按钮顺序,以优化商品详情页及快速加购面板的购买体验。
设计色板设置
【色板】 区块用于控制商品颜色选项在 App 中的显示方式,适用于商品列表页与商品详情页。通过这些设置,您可以在顾客浏览具有颜色规格的商品时,提供一致且清晰的视觉体验。
点击 【色板】 以配置以下设置:
【商品图片比例】:选择色板在商品卡片与商品详情页中的显示形状:
【方形】
【圆形】
【跟随商品图】(继承商品图片的显示比例)
【商品列表页色板尺寸】:选择商品列表相关页面(如分类页与搜索结果页)中色板的显示尺寸。您可以选择预设尺寸(小 / 中 / 大)以快速完成设置,或选择 【自定义】 来满足不同的设计需求。
【商品详情页色板尺寸】:选择商品详情页中色板的显示尺寸。您可以选择预设尺寸(小 / 中 / 大)以快速完成设置,或选择 【自定义】 来满足不同的设计需求。
此部分的设置变更将即时反映在预览面板中,您可以在 【浅色模式】 与 【深色模式】 之间切换,在发布前确认最终显示效果。
设计风格设置
支持圆角设置,会应用于商品卡片、组件及按钮。
底部标签导航设置
设置底部应用栏的展示页面,可以设置为仅在主要页面展示(指底部应用栏所展示的页面),或者是设置为结账页之前的所有页面都展示。
| 备注:如您在发布 App 到应用市场后,又修改了此项设定,顾客需重新启动 App 后才会更新为最新设置。 |
触觉反馈设置
设置加购成功和收藏成功的触觉反馈,可直接在设置项前勾选即可。
如您勾选了加购成功时有触觉反馈时,那么当用户在 App 内任何场景下成功加入购物车时,手机会有振动提醒。
体验设置
【体验设置】用于配置商品详情页中与用户交互相关的行为,包括加购成功时的提示方式以及购物车图标动效,以优化整体使用体验。
设置规格选择优化
【规格选择优化】下的【记忆用户规格偏好】可让系统记住顾客最近一次为某个规格属性(如尺码)所做的选择,并在顾客后续浏览其他商品时自动带入该选择,减少重复选择规格的操作。
- 开关默认关闭。开启后,请在下方【+ 属性】选择器中选择 1 个规格属性(如尺码),系统会记住顾客对该属性的最新选择。
- 【属性】选择器会列出您店铺中较为常用的规格属性,并按使用频率排序;建议优先选择对成交影响最大、且顾客重复选择频率最高的属性(如尺码,其次颜色)。
- 范例:顾客上次浏览商品时选择了【尺码:S】,当他浏览另一件包含 S/M/L 尺码的商品时,系统会默认选中【S】;若顾客当次改选【M】,记忆值也会随之更新为【M】。
注意:
|
设置加购成功交互方式
您可以为用户成功加入购物车后的反馈方式选择不同的交互形式:
经典提示模式:以轻提示的方式展示加购成功信息,不会打断当前浏览流程。
沉浸动效模式:在用户加购时展示动效反馈,增强页面互动感;若当前页面不支持该动效,则自动使用经典提示模式。
弹窗确认模式:通过弹窗明确展示加购成功结果,并引导用户进行下一步操作(如前往购物车)。
您可根据店铺的运营需求与用户体验偏好选择合适的交互方式。
设置购物车 icon 动效
开启【购物车 icon 动效】后,当用户成功加入购物车时,购物车图标将展示动态效果,以增强操作反馈。您可通过开关控制该功能的开启或关闭。