主題設定｜Shopper App

App 設計編輯器內的「主題設定」，支援 App 色彩及商品設定。不管您是使用 Simple 版型或商店版型，主題設定會同時在這兩套版型裡生效，即使您切換版型，都無需重複進行設定。

 

本篇文章將分別介紹：

• 色彩設定
• 商品設定

 

 

於左側欄位點選「主題設定」圖示按鈕。以下將分別介紹色彩設定及商品設定。

 

一、色彩設定

您可以透過色板選擇顏色，或直接輸入色號。

1. 頂部應用欄

設定頂部應用欄的背景顏色及字體顏色。

 

2. 底部應用欄

設定底部應用欄的背景／字體／ 圖標／購物車數量顏色。

＊注意：若圖標內容為自訂圖片，則不適用於此處的顏色設定。

 

3. 按鈕

設定按鈕的背景顏色及字體顏色，此設定會同步於優惠代碼元件、文字元件、商品列表元件、下載禮兌換贈品的按鈕。

 

4. 商品促銷標籤

設定商品促銷標籤的背景顏色及字體顏色，商品促銷標籤的詳細內容，請參考此篇 FAQ。

 

5. 商品價格

設定商品價格字體顏色，可設定以下三項：

• 原價格
• 有特價價格時，以刪除線標示的原價格
• 特價價格

 

二、商品設定

1. 商品圖片比例

設定 App 首頁、商品列表頁、商品詳情頁等的商品圖片比例，可選擇 3:4 或 1:1。

＊注意：商店版型的商品輪播列表、商品列表、商品描述元件同樣適用此設定，並不受網店商品圖比例設定影響。

• 3:4
• 1:1
  

 

2. 顯示樣式

選擇「方格檢視」或「瀑布檢視」，此設定會同步於 App 內所有的商品元件及商品列表頁。

 

3. 顯示規格選項圖片

若您希望在 App 內顯示規格選項圖片，開啟「顯示規格選項圖片」開關，並選擇您想要顯示的規格選項。

＊注意：

• 此設定會同步顯示在 App 內所有的商品元件及商品列表頁、商品詳情頁。
• 您需要先前往「商品及分類 > 商品 > 商品規格」設定規格及選項圖片，App 內的商品元件／商品列表頁才會顯示商品選項圖片。