品牌套件设置

Shopper App 的【品牌套件】模块位于设计编辑器中，提供三个设置选项：【调色板】、【Logo】和 【Icon】，帮助你自定义顶部和底部导航栏的显示效果。你可以设置统一的配色方案、上传和管理店铺 logo，并调整图标名称和图像以符合你的品牌风格。这些设置可以帮助你在移动端购物体验中建立统一且易于识别的品牌形象。

请按照本指南逐步了解如何访问【品牌套件】编辑器并配置每个设置。

访问品牌套件编辑器

请依下列步骤访问【品牌套件】编辑器：

1. 在 SHOPLINE 后台管理面板中，依次进入【渠道】>【Shopper App】>【App 设计】，然后点击【设计】。

   

2. 在设计编辑器中，点击左侧边栏的【调色板图标】（品牌套件）。

   

3. 完成任何修改后，点击【保存】可临时保存更改，或点击【发布】立即生效。

   

【品牌套件】模块包含三个设置：【调色板】、【Logo】和 【Icon】。每个设置将在下文的章节中详细说明。

自定义调色板

在【品牌套件】的【调色板】部分，您可以自定义以下组件：

• 底部应用栏：设置底部应用栏的文字及面板颜色、选中状态的文字及图标颜色
• 徽标：设置购物袋及心愿单角标的商品数量颜色
• 按钮：设置 App 中按钮的背景色、文字颜色，以及描边按钮和文字的颜色
• 图形按钮：设置心愿单心形图标、评价星级图标的颜色
• 折扣相关：设置优惠标签背景色、文字颜色、折扣价文字的颜色，以及设置优惠券背景颜色

自定义 Logo 设置

在【Logo】设置中，你可以上传店铺 Logo，以在整个应用中保持统一的品牌形象。Logo 图片可以直接从你的设备上传，系统会将其设为默认选项，在设置首页【顶部应用栏】的 Logo 时自动套用。

备注： 为获得最佳效果，请使用清晰、尺寸合适的图片，能够准确体现你的品牌形象。文件大小必须小于 50 KB，仅支持 .png 格式。 至少需要为 浅色模式 上传一张徽标图片。若需要，也可以额外为 深色模式 上传 logo 图片。

 

---

 

自定义 Icon 设置

【品牌套件】的【Icon】设置中，允许你管理应用中使用的图标。你可以调整 SHOPLINE 默认图标的设置，或上传自定义图标以更好地符合你的品牌风格。

 

调整默认图标

点击任意默认图标以展开可用选项。对于每个默认图标，你可以：

• 修改图标名称（显示给客户的文本）。
• 保留系统默认图像，或切换为自定义图像。如果使用自定义图像，可上传两个版本：
  • 图标 – 默认：图标的常规显示状态。
  • 图标 – 已选中状态（可选）：图标被选中或激活时显示的替代图像，例如当客户点击导航栏图标时显示。

 

添加自定义图标

点击 + 添加自定义图标 上传自己的图标并自定义其详细设置。

对于每个自定义图标，你可以：

• 为图标指定名称（显示给客户的文本）。
• 将图标链接到指定的自定义页面或网站。
• 从预设选项中选择图标，或上传自定义图像。如果使用自定义图像，可上传两个版本：
  • 图标 – 默认：图标的常规显示状态。
  • 图标 – 已选中状态（可选）：图标被选中或激活时显示的替代图像，例如当客户点击导航栏图标时显示。

备注： 自定义图标必须为单色 .svg 文件，宽高比为 1:1，文件大小不得超过 50 KB。