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