底部应用栏在 App 首页的底部展示，顾客可点选您所设定的按钮进入指定页面，如首页、购物车、追踪清单等，您可以设定文字、图标内容和底部应用栏颜色。
步骤一：进入 App 页面编辑器
前往 SHOPLINE 后台 >「Shopper App 管理 > App 设计 > 首页设计 > 目前版型」，点选「设定」进入 App 页面编辑器。
步骤二：进入元件编辑器
点选左侧元件库的「底部应用栏」。
步骤三：设定是否显示文字
预设为开启状态，可点击关闭。当为关闭状态时，底部应用栏仅会显示图标。
步骤四：设定预设分页
目前支援的 11 个预设内容分别为「首页、商店、所有商品、分类、讯息通知、会员卡、购物车、会员中心、追踪清单、精选优惠、人气排行榜」，预设开启「首页、分类、讯息通知、购物车、会员中心」 5 个分页。
＊注意：若您曾于 2025 年 10 月 31 日前开启过 Shopper App 页面编辑器，「会员中心」分页将显示为「我的」分页，您可以视需求自行调整分页名称。
您可以进行以下操作：
- 点选功能右侧
和
按钮，设定开启或关闭，支援开启 3-5 个分页。
- 点选
按钮，设定文字及图标图片。您可以选择预设图标图片或自订图标图片，自订图标图片需上传正常状态图片和选中状态图片，建议尺寸为 60* 60 px，仅支援 PNG / JPG / JPEG 格式。
- 点选功能左侧
按钮，拖曳调整顺序。
＊注意：「所有商品、追踪清单、自订」为平台版本 1.12.0 新增的内容，「精选优惠」为平台版本 1.13 新增的内容，您可以前往「Shopper App 管理 > App 发布设定」查看您目前的平台版本号。
建议您将 App 更新且确认最新版本的使用率较高时，再开启这四个分页；若您在后台开启了这四个分页，而顾客尚未更新至最新版本，顾客点击时将跳转至商店首页。
步骤五：设定自订分页（选填）
除了预设分页以外，您也可以点选「＋ 自订」，自行设定分页文字、图标图片及跳转链接。
＊注意：跳转链接仅支援格式为「http://」或「https://」的 URL。
步骤六：色彩设定
点选左侧「主题设定」图示，并选择「色彩」。
于「底部应用栏」区块设定背景／字体／图标／购物车数量颜色，您可以透过色板选择颜色，或直接输入色号。
＊注意：若您选择自订图标图片，则选中状态下字体颜色／图标颜色将不会同步至图标图片。
延伸阅读
评论