Damon 佈景主題（家具・生活購物網站）

這是專為家具・生活購物網站打造的 Zittme 官方佈景主題 Damon（damon） 的使用手冊。以燕麥色為底，只用胡桃棕一種顏色統整配色，並以襯線字體標題、寬鬆的留白與三欄低密度網格，讓訪客能細細品味每一件商品。本佈景主題與 Sinsunhan 佈景主題使用相同的骨架（佈景主題內建首頁、以重複欄位組合區塊），此處未說明的內容請一併參閱 Sinsunhan 佈景主題 文件。

示範：damon-demo.zitt.me

組成

安裝與套用

1. 從商店安裝，或將壓縮檔解壓縮到 themes/damon。
2. 在 管理員 > 設計設定 中選擇 Damon 並套用。
3. 若已安裝電商模組，商店選單・頁首搜尋・首頁商品區塊會自動連動。若有多個商店模組，請在 版面設定 > 首頁組成 的「商店模組位址（mid）」中填入 mid。
4. 頁面類型是在網站地圖的選單類別中填入 m（首頁）/ sl（子頁）/ sf（全寬）來決定。會員・站內信・付款畫面會自動變成全寬。

建議環境：Zittme 1.0.1 以上、電商 1.1.1 以上。這是響應式佈景主題，建議關閉行動裝置專用檢視。

頁首與色彩模式

• 文字標誌置中，左側為商品搜尋，右側為購物車・通知圖示。若將標誌圖片留空，標誌文字會以襯線字體文字標誌顯示。
• 在行動裝置上會顯示底部分頁列（首頁・分類・搜尋・購物車・會員專區）。
• 色彩模式可從自動（依裝置設定）・淺色・深色中選擇。設為自動時，訪客選擇的值會記在瀏覽器中。

佈景主題內建首頁（首頁組成）

在 版面設定 > 首頁組成 分頁的「首頁區塊」重複欄位中依序組合。若一個都沒有，則使用預設組成（分類磚 → 新品 → 橫幅 → 推薦 → 品牌 → 企劃活動 → 排行 → 橫幅 → 折扣 → 每日特價 → 討論區最新文章）。

區塊種類	內容	來源（source）	數量（count）
商店分類磚	第一層分類捷徑。圖示取自「分類圖示」重複欄位	-	磚塊數
推薦 / 新品 / 折扣 / 熱門商品	三欄商品卡片網格	-	商品數
每日特價	每天輪換顯示一項折扣商品	-	-
進行中的企劃活動卡片	以圖片卡片呈現電商企劃活動	-	卡片數
熱門排行	附分類分頁的第 1～N 名列表	-	名次數
品牌列	在「品牌」重複欄位中登錄的標誌・名稱・連結	-	品牌數
橫幅條	將主視覺輪播圖片重複用作中間橫幅	第幾張輪播的編號（留空則依序）	-
討論區最新文章	討論區文章列表。以逗號填入多個 mid 則分欄顯示	討論區 mid（例：notice,board）	文章數

區塊標題留空時，會顯示各種類的預設標題。

商店畫面（電商面板）

• 列表：分類・搜尋・排序。卡片上顯示賣家（商店）名稱・折扣率・原價。
• 詳細頁：商品名稱・價格・點數回饋・運費・選項・立即購買・購物車，配送・尺寸・換貨說明，評價・詢問分頁，賣家資訊。
• 賣家商店：開啟開放市集後，會顯示各商店的頁首圖片・商店內搜尋・精選・新品・全部商品列表。
• 企劃活動・購物車・訂單・我的購物：流程與 Sinsunhan 佈景主題相同，付款會接續至 zittme Pay 面板。

頁尾

在 版面設定 > 頁尾 中填寫網站介紹文字、客服電話・服務時間・電子郵件、社群網站網址、底部說明文字、公司・聯絡資訊與著作權標示。頁尾選單請連結到網站地圖的「頁尾選單」。

版面設定完整項目

基本

標誌圖片・深色模式標誌・標誌文字・重點色・內文最大寬度（1060・1180・1320）・選單列寬度・選單列顏色・行動裝置深色模式按鈕位置・行動裝置語言選擇位置・色彩模式

首屏

顯示主視覺輪播・自動切換間隔・主視覺輪播（背景圖片・標題・說明・按鈕名稱・按鈕連結・文字對齊）

首頁組成

分類圖示・品牌・商店模組位址（mid）・首頁區塊（種類・標題・來源・數量）

內文・側欄

使用整合搜尋・在側欄顯示登入方塊

頁尾

網站介紹文字・客服電話號碼・服務時間・詢問電子郵件・社群網站網址 4 種・底部說明文字・公司・聯絡資訊・著作權標示