您可以按照您希望显示的活动新增公告栏元件，目前仅支援设定 3 个公告栏元件，也支援设定元件的背景与文字颜色、显示的内容及跳转的页面。
⚠️ 开始前请注意：此功能在香港地区仅支持 Shopper App Pro 版本。
本篇文章将分别介绍：
一、设定公告栏元件
步骤一
前往 SHOPLINE 后台 >「Shopper App 管理 > App 设计 > 目前版型」，点选「设定」进入 App 页面编辑器。
步骤二
点选左侧元件库的「公告栏」。
步骤三
在右侧编辑区完成以下设定。
1. 展示方式
-
水平切换
-
上下切换
-
闪烁切换
2. 间隔时间
可选择间隔 1 至 5 秒钟。
3. 颜色设定
设定文本颜色和背景颜色。
4. 预约上架时间（选填）
若您有设定上架日期，公告栏元件将在指定时间于 App 中显示。
二、设定公告栏内容
步骤一
于左侧区块新增公告栏，最多新增 3 个公告栏；您也可以在此处开启／关闭／删除公告栏元件。
步骤二
点选公告栏，于右侧编辑区块选择公告栏样式，并分别完成以下设定。
1. 公告栏样式
-
文字内容
-
活动倒数
2. 公告栏内容
输入公告栏的文字内容。
若您的公告栏样式选择活动倒数，您还需要设定活动时间，或客制化活动开始前后的显示内容。
3. 跳转链接
设定链接共有「指定分类」、「优惠活动」、「自订 URL」三种选择。
- 指定分类
勾选「指定分类」者，点击「⊕ 选择商品分类」后，在弹跳视窗里选择活动，最后点击「确认」。更多关于商品列表元件设定细节与注意事项，请参考此篇文章。
- 优惠活动
勾选「优惠活动」者，点击「⊕ 选择优惠活动」后，在弹跳视窗里选择活动，最后点击「确认」。 更多关于优惠活动元件设定细节与注意事项，请参考此篇文章。
- 自订 URL
勾选「自订 URL」者，请于栏位内输入链接。注意输入之链接必须以「https://」或「http://」开头。
步骤三
完成所有元件的编辑后，点击右上方的「储存」；确认可发布后，点击「更新并使用」。
延伸阅读
评论