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 日
评论