菜單
維護餐飲分類、品項、價格、照片與售完狀態。
共 5 項操作・10 個步驟・最後複驗 2026-08-03
從哪裡進入
網站後台 → 菜單管理
照著下方圖文逐步完成
重點摘要（TL;DR）
公開站會產生單頁菜單；首頁也可加入精選菜色，售完狀態會同步顯示。
什麼時候會用到
- 要快速更新品項與售完狀態
開始前先準備
- • 先確認菜單功能已啟用
操作步驟與完成後的結果
每一項操作都列出從哪裡開始、要做什麼，以及完成後應該看到的結果。
新增與排序分類
用主餐、飲品、甜點等段落整理公開菜單。
- 1
這一步要做
到「菜單管理」的「菜單設定」，在「菜單分類」按「＋新增分類」，輸入分類名稱。
完成後會看到
新分類加入設定清單，品項表單可選到它。
- 2
這一步要做
拖曳分類調整順序後按「儲存設定」。
完成後會看到
公開菜單的分類段落依這個順序排列。
注意事項
- • 至少保留一個分類，否則新增品項時沒有可選的位置。
新增品項並設定價格與圖片
建立含名稱、分類、價格、照片與說明的菜單品項。
- 1
這一步要做
在菜單品項頁按「＋新增品項」，填「品項名稱」、選「分類 *」，再填「價格」或「價格備註」。
完成後會看到
表單具備品項名稱、所屬分類與訪客看到的價格文字。
- 2
這一步要做
上傳「照片」、填描述後建立草稿；需要公開時回列表按眼睛「立即發佈」。
完成後會看到
品項成為已發佈狀態並出現在 `/menu`。
注意事項
- • 填「價格備註」會蓋過數字價格，例如顯示「時價」。
一鍵標記售完
暫停供應但保留品項與價格，不必刪除重建。
- 1
這一步要做
在菜單品項列表找到目標品項，按狀態按鈕「供應中」。
完成後會看到
按鈕切成「售完」，品項仍留在列表。
- 2
這一步要做
商品恢復時再按「售完」切回供應。
完成後會看到
狀態回到「供應中」，公開菜單不再顯示售完標記。
注意事項
- • 售完品項仍會留在公開菜單並打灰；要完全隱藏請取消發佈。
設定精選菜色
把主打菜色自動帶到首頁或其它頁面的菜單區塊。
- 1
這一步要做
在菜單列表拖曳排序，把主打且已發佈的品項排在前面。
完成後會看到
菜單自動列表會依品項排序取得前面的內容。
- 2
這一步要做
回視覺編輯器按「＋新增區塊」，選擇一個「菜單自動列表」版型。
完成後會看到
頁面顯示已發佈菜色的精選區塊，內容跟著後台資料更新。
注意事項
- • 草稿或取消發佈的品項不會出現在公開精選區塊。
檢查公開菜單
確認分類、價格、圖片與售完狀態對訪客正確顯示。
- 1
這一步要做
從菜單後台開啟網站的 `/menu` 公開頁。
完成後會看到
畫面依「菜單設定」的分類順序顯示已發佈品項。
- 2
這一步要做
逐類查看價格、照片與售完標記，並切到手機寬度捲完整頁。
完成後會看到
每個品項落在正確分類，手機上也能清楚閱讀。
注意事項
- • 公開菜單只讀已發佈資料；後台草稿不會出現。
遇到問題先看這裡
- 菜色已新增但公開菜單沒有顯示？
- 檢查品項是否可見、分類是否正確，以及網站是否已發布最新草稿。