App 设计编辑器内的「主题设定」，支持 App 色彩及商品设定。不管您是使用 Simple 版型或商店版型，主题设定会同时在这两套版型里生效，即使您切换版型，都无需重复进行设定。
本篇文章将分别介绍：
前往 SHOPLINE 后台 >「Shopper App 管理 > App 设计 > 首页设计 > 目前版型」，点选「设定」进入 App 设计编辑器页面。
＊注意：建议设定「使用中」的版型。
于左侧栏位点选「主题设定」图示按钮。以下将分别介绍色彩设定及商品设定。
一、色彩设定
您可以透过色板选择颜色，或直接输入色号。
1. 顶部应用栏
设定顶部应用栏的背景颜色及字体颜色。
2. 底部应用栏
设定底部应用栏的背景／字体／ 图标／购物车数量颜色。
＊注意：若图标内容为自定义图片，则不适用于此处的颜色设定。
3. 按钮
设定按钮的背景颜色及字体颜色，此设定会同步于优惠代码元件、文字元件、商品列表元件、下载礼兑换赠品的按钮。
4. 商品促销标签
设定商品促销标签的背景颜色及字体颜色，商品促销标签的详细内容，请参考此篇 FAQ。
5. 商品价格
设定商品价格字体颜色，可设定以下三项：
- 原价格
- 有特价价格时，以删除线标示的原价格
- 特价价格
二、商品设定
此功能于香港地区仅支持 Shopper App Pro 版本。
1. 商品图片比例
设定 App 首页、商品列表页、商品详情页等的商品图片比例，可选择 3:4 或 1:1。
＊注意：商店版型的商品轮播列表、商品列表、商品描述元件同样适用此设定，并不受网店商品图比例设定影响。
- 3:4
- 1:1
2. 显示样式
选择「方格检视」或「瀑布检视」，此设定会同步于 App 内所有的商品元件及商品列表页。
3. 显示规格选项图片
若您希望在 App 内显示规格选项图片，开启「显示规格选项图片」开关，并选择您想要显示的规格选项。
＊注意：
- 此设定会同步显示在 App 内所有的商品元件及商品列表页、商品详情页。
- 您需要先前往「商品及分类 > 商品 > 商品规格」设定规格及选项图片，App 内的商品元件／商品列表页才会显示商品选项图片。
4. 滑动查看图片
若商品设有多张图片，开启此功能后，客户即可在商品列表直接滑动浏览，查看更多商品细节；若商品仅有一张图片，则不会显示下方小圆点，也无法滑动切换。
最后更新时间：2026 年 10 月 2 日
评论