如何管理商品分類

新增、拖曳排序、設定上層與選填封面圖，並把分類套到商品或頁面區塊；刪除前須先移走子分類。

最後更新：2026.10.06

這篇完成： 建立商店分類，讓商品可以歸類、前台可篩選，並能顯示相關商品。分類可選封面圖與選填圖示，頁面可插入自動同步的分類卡片或三欄分類首屏。

商品要勾分類，見 如何上架商品 的「商品分類」欄。

前台商店 /shop 左側會依 上層／子層 顯示可收合分類選單。點主分類會列出該類與底下子分類的已發布商品。頁首／頁尾／按鈕若要直接跳到某分類，在連結目標選 電商 \to 商品分類 。

側欄同層收合預設為 手風琴 （同時只開一個）；若要同時展開多個，到 商店設定 \to 列表 開啟 允許多個收合分類展開 。

前提

側欄 電商 \to 商品分類 （ /admin/commerce/categories ）。 頁面標題「商品分類」。右上可回到商品列表。

欄位 必填 說明 名稱 是 後台與前台顯示名稱。多語站台可另填其他語言名稱。 Slug 是 網址用，建議小寫英文與連字號，例如 business-card 。同一站不可重複。 上層 選填 預設「（無上層）」＝第一層。可選另一個分類當父層，做成樹狀。 封面圖 選填 從圖庫上傳或挑選。沒有封面時前台卡片仍會顯示分類名稱。 圖示 選填 從圖示庫挑選，與封面圖分開。用在「商品分類首屏」左欄，不是商店側欄縮圖。

欄位	必填	說明
名稱	是	後台與前台顯示名稱。多語站台可另填其他語言名稱。
Slug	是	網址用，建議小寫英文與連字號，例如 `business-card`。同一站不可重複。
上層	選填	預設「（無上層）」＝第一層。可選另一個分類當父層，做成樹狀。
封面圖	選填	從圖庫上傳或挑選。沒有封面時前台卡片仍會顯示分類名稱。
圖示	選填	從圖示庫挑選，與封面圖分開。用在「商品分類首屏」左欄，不是商店側欄縮圖。

新分類會自動排在列表最後；排序請用拖曳，不要填數字。

已存在的列可直接改名稱、slug、上層、封面與圖示。改完按底部 儲存 （提示「已儲存分類」）。底部列只負責這些欄位的草稿， 新增／刪除／複製／拖曳排序會立刻生效 。

列表可複製該分類的前台商店篩選連結。

按住列左側的拖曳把手上下移動。放開後會自動同步順序（畫面可能短暫顯示「正在同步排序\dots」）。不必按底部儲存。

該列紫色複製圖示會建立「原名（複製）」與唯一 slug（ -copy 系列），並帶入多語名稱、上層、封面圖與圖示。

未分類在列表會顯示「（未分類）」。商品編輯可 複選 多個分類（checkbox）；未勾選＝未分類。開啟「顯示相關商品」時，會推薦與本商品 任一相同分類 的其他已發布商品。

若要在首頁或任意頁自動列出分類（分類一改，格子跟著改）：

沒有封面時卡片仍顯示名稱。商店側欄不會出現這些封面縮圖。

若只要固定幾張行銷磁磚、不必跟著分類樹自動變，可用「圖片服務卡」並把連結指到商品分類。

若要在首頁做「左分類、中輪播、右連結」的商店導覽：

開啟該頁的全螢幕頁面編輯器。
區塊庫加入 商品分類首屏（不是「商品分類」卡片網格）。
上傳中欄輪播圖；右側可改快捷連結（例如會員登入、LINE）。
左欄會自動帶出有已發布商品的主分類與子分類（全部展開）。請在商品分類頁為各分類選圖示（可選）。
電腦把滑鼠移到左欄分類上，中間會依子分類分列顯示商品名稱（用 | 隔開）。點商品名進單品頁；點分類列進該分類商店。手機沒有懸停預覽，點分類會直接進商店。

刪除無法從本頁復原。

狀況 怎麼辦 「請填寫名稱與 slug」 兩欄都要有值。 「已有相同 slug」 換一個網址片段。 「上層分類不可為自己」 不要把自己設成自己的上層。 刪不掉 先處理子分類。 離開頁面跳出未儲存提示 代表你改了名稱／slug／上層但還沒按底部儲存。新增分類本身不會觸發此提示。

狀況	怎麼辦
「請填寫名稱與 slug」	兩欄都要有值。
「已有相同 slug」	換一個網址片段。
「上層分類不可為自己」	不要把自己設成自己的上層。
刪不掉	先處理子分類。
離開頁面跳出未儲存提示	代表你改了名稱／slug／上層但還沒按底部儲存。新增分類本身不會觸發此提示。