Hairsalon 佈景主題（美髮・美容沙龍）

這是為美髮店與美容沙龍打造的 Zittme 官方佈景主題 Hairsalon（hairsalon）的使用手冊。以填滿首頁的輪播開場，接著是服務項目、設計師、風格、門市介紹與預約引導區塊。服務項目與設計師直接取自預約模組，門市資訊直接取自分店模組，因此首頁與預約畫面的內容不會各說各話。以墨色與象牙白為底，加上古銅色重點色；字型內建於佈景主題中，不使用外部 CDN。

示範：hairsalon-demo.zitt.me

組成

安裝與套用

1. 從商店安裝，或解壓縮到 themes/hairsalon。
2. 在管理員 > 設計設定中選擇 Hairsalon 並套用。
3. 安裝預約模組並建立預約頁面（例：mid reservation）後，在版面設定 > 基本 > 預約頁面網址填入 /reservation。上方的預約按鈕與設計師卡片上的「預約這位設計師」都會連到這個網址。
4. 若有多間門市，請用分店模組登錄門市。沒有分店模組時佈景主題仍可運作，只是首頁不會顯示門市介紹區塊。
5. 若要收取訂金，請安裝 zittme Pay 並啟用付款方式（銀行轉帳或金流服務）。

建議環境：Zittme 1.0.2 以上、預約 1.0.0 以上。這是響應式佈景主題，建議關閉行動裝置專用檢視。

首頁組成

在版面設定的首頁輪播與首頁組成分頁中設定。網站首頁（起始選單）不需另外指定，也會視為首頁。

區塊	設定	內容
輪播	投影片、切換間隔、高度	每行一張：`image-url \	small-text \	large-text \	link。大標語中的 \n` 會轉為換行。間隔設為 0 時不會自動切換。
介紹	介紹標語・內文・署名	輪播下方的一句話與一小段文字。標語留空時會隱藏此區塊。
服務項目	顯示服務項目	將預約模組中登錄的服務依分類分組，顯示所需時間與價格。
設計師	顯示設計師	以橫向流動的卡片顯示預約模組的負責人。沒有照片時會放大顯示姓名的第一個字。
風格	風格討論區網址・數量、Lookbook 相片	填入討論區 mid 時顯示該討論區的相片，留空時則以馬賽克顯示「Lookbook 相片」中填寫的圖片。為了讓馬賽克不留空格，會以 5 張為單位顯示（例：7 張時顯示 5 張）。
門市介紹	顯示分店介紹	顯示分店模組的門市，並標示營業中/已打烊。
預約引導	結尾標語・背景圖片	首頁最下方的預約按鈕區塊。標語留空時會隱藏。

顏色與 Logo

• 重點色：預設為古銅色（#b08d57）。變更重點色時，佈景主題會自動選擇按鈕上的文字色（白色/墨色）與作為文字使用的重點色（標籤・連結），即使選擇明亮的顏色也能保持足夠對比，讓文字清楚可讀。
• Logo：沒有 Logo 圖片時使用 Logo 文字，若也沒有則使用網站標題。在輪播上方會使用「淺色 Logo 圖片」。
• 頁面類型：在網站地圖的選單類別中填入 m，該選單會以首頁樣式呈現；填入 s 則以子頁面呈現。

預約畫面（預約面板）

1. 服務項目列表：依分類顯示服務・說明・所需時間・價格。點選服務即進入預約步驟。
2. 門市・設計師・日期與時間：選擇門市後只會留下該門市的設計師。選擇「不指定設計師」時會安排可服務的人員。沒有空位的日期無法點選，若本月已無可預約日期，會先顯示下個月。
3. 預約確認：姓名・聯絡電話・電子郵件・查詢密碼（非會員）・備註，以及同意蒐集個人資料。若有訂金，按「付款並預約」即會進入 zittme Pay 付款畫面。
4. 結果・我的預約：顯示預約編號與狀態。非會員可在「我的預約」中以預約編號與查詢密碼查看。會員也能一併查看點數・優惠券匣。

討論區

在討論區設定的列表樣式中選擇。以相片為主時選 gallery（Lookbook），以文字為主時選 journal（公告・Journal）。非會員也能以暱稱・密碼留言（依討論區權限而定）。

頁尾

在版面設定 > 頁尾中填寫營業登記資訊（可換行寫成多行）、社群網址（name | url）與版權文字。