後台選單 › 網店全站設定 › 前台版型與色系
前台版型與色系
一鍵切換整個前台的版型（A、B、C）、配色、背景色與每頁商品筆數。商品、訂單、會員資料完全不受影響。
功能說明
- 一鍵切換整個前台的版型（A、B、C 三種）
- 可以換配色、網頁與頁尾的背景色、商品列表每頁顯示幾筆
- 商品、訂單、會員資料完全不受影響，隨時可以換回來
- 切換前可以先預覽，預覽只有目前登入後台的這台瀏覽器看得到
操作步驟
- 先預覽三種版型
先不要改設定，直接點「預覽」那一行的「版型A」「版型B」「版型C」連結，會另開分頁用該版型顯示首頁。客人看到的仍是原本設定。
紅框：預覽那一行的三個連結 - 選版型
在「版型」區點選要用的那一張卡片。
紅框：三張版型卡片 - 選色系
在「色系」區點選一組色票。「版型原色」就是該版型設計時的原本配色。
- 設背景色
可以點現成色塊、用色盤挑，或直接填 #rrggbb 色碼。右邊的「文字範例 Aa」會即時預覽，旁邊出現綠字「可以使用」才算過關。「還原白色」「還原預設」可以清掉。
紅框：背景色與文字範例 - 填每頁筆數
「每頁筆數」填商品列表一頁要幾筆。
- 確定修改
按「確定修改」（頁面上下各有一顆，功能相同），前台立刻套用。
三種版型的差別
| 版型 | 特色與適合的店 |
|---|---|
| 版型 A | 現行版型，灰底細框、簡潔。 |
| 版型 B STYLE SHOP | 米色系、襯線大標題、近黑色主按鈕，每頁都有大主視覺。適合服飾、生活選品、手作。 |
| 版型 C ShopNow | 藍色系、白底卡片、圓角與陰影，分類與篩選資訊密度高。適合 3C、量販、分類多的商店。 |
欄位說明
| 欄位 | 說明 |
|---|---|
| 色系 | 只換顏色不換版面，可選 版型原色、海軍藍、焦糖褐、森林綠、酒紅。 |
| 網站背景 | 整個網頁的底色，三個版型都適用。只接受淺色——太深的顏色會讓文字看不清楚，畫面會顯示紅字提示且不儲存。留白或白色＝預設。 |
| 頁尾背景 | 頁尾的底色。頁尾文字比較淡，門檻比網站背景更高，要選更淺的顏色。留空就跟著色系的次底色。 |
| 每頁筆數 | 分類商品列表、全商品列表、搜尋結果每頁顯示幾筆，**只對版型 B、C 有效**；版型 A 一律不分頁。填 0 表示不分頁、一次列出整個分類；建議 24 或 32，上限 200。 |
| 個別色票微調（進階） | 平常留空。一行一個，格式「名稱:色碼」，只接受頁面列出的名稱，其餘會被忽略。填錯不會讓網站壞掉，只是不生效；存檔後文字框只會留下有效的行。 |
- 按「確定修改」之後整個前台立刻改變外觀。請先用預覽確認過，並盡量在離峰時間切換。
- 把 ?theme=1（或 0、2）接在任何前台網址後面都可以預覽那個版型，例如 /Product/1?theme=1，方便檢查商品頁、結帳頁的樣子。同樣只有登入後台的瀏覽器有效。
- 背景色格式不對或太深時，按「確定修改」會先跳出「背景色有問題，請看紅字說明。」而不送出。萬一仍送出，那一欄不會儲存但其餘設定都會存。
- 若整頁呈唯讀並出現黃底提示，表示這家店的資料還沒升級，前台會維持版型 A，請聯絡系統廠商。