技術文件目前產品線:WooCommerce 商店

WooCommerce 商品分類、標籤與屬性管理教學

更新日期
閱讀時間
約 8 分鐘
來源狀態
generated-draft

本篇說明

本篇說明 WooCommerce 商店中三種商品分類方式:Categories(分類)、Tags(標籤)與 Attributes(屬性)的差異、用途與後台設定步驟,協助你有效整理商品目錄並提升前台瀏覽與篩選體驗。

適合誰使用

使用 WooCommerce 建置商店、需要整理與呈現商品目錄的網站管理者

開始前準備

  • 已安裝並啟用 WooCommerce 外掛,可進入後台 Products 選單

教學內容

三種商品分類方式的差異

Categories 具有階層結構,可建立父層與子層分類,方便顧客瀏覽商品大分類

Tags 沒有階層結構,用來為商品加上跨分類的共同特徵描述

Attributes 是建立可變商品(variable products)的關鍵,也能用來篩選與顯示商品

建立商品分類(Categories)

每個子分類只能有一個父分類,但一個父分類可以有多個子分類

  1. 前往 Products > Categories 頁面
  2. 在「Add new category」表單中輸入 Name
  3. 視需要輸入 Slug,若留空系統會自動產生
  4. 若此分類為子分類,選擇 Parent category
  5. 視需要輸入 Description,部分佈景主題會顯示於分類頁
  6. 選擇 Display type,決定分類頁顯示子分類、商品或兩者
  7. 視需要上傳分類圖片

    官方文件介面截圖 1
    官方文件介面截圖:官方文件介面截圖 1

  8. 分類可以用拖曳方式重新排序,此順序會套用在前台顯示

    官方文件介面截圖 2
    官方文件介面截圖:官方文件介面截圖 2

預設分類與新增分類的其他方式

每個商品都必須被指定分類,未指定時系統會自動歸入預設分類,預設名稱為 Uncategorized 且無法刪除

可用分類名稱下方的 Make default 操作切換預設分類,切換後原本的 Uncategorized 就可以被刪除

官方文件介面截圖 3
官方文件介面截圖:官方文件介面截圖 3

  1. 在 Products > Add Product 頁面的 Product Categories 區塊中,可直接選擇 Add New Product Category 新增分類

    官方文件介面截圖 4
    官方文件介面截圖:官方文件介面截圖 4

將商品分類加入網站選單

傳統佈景主題下,選單由 Appearance > Menu 管理

支援 Site Editing 的佈景主題,導覽選單由 Appearance > Editor 管理

  1. 在 Appearance > Menu 右上角點選 Screen Options,勾選 Product categories 選項
  2. 勾選後選單側欄會出現 Product Categories 分頁,用來把分類加入選單

    官方文件介面截圖 5
    官方文件介面截圖:官方文件介面截圖 5

  3. 若使用 Site Editor,開啟 Navigation 並選擇要編輯的選單,點選三點選單後選擇編輯
  4. 在選單編輯器中點選加號,選擇 Add block,搜尋 Product Category Link 區塊並選擇要加入的分類

    官方文件介面截圖 6
    官方文件介面截圖:官方文件介面截圖 6

商品標籤(Tags)的用途與新增方式

標籤沒有階層,不存在「子標籤」,適合描述跨越多個分類的共同特徵,例如材質

標籤可在 Products > Tags 頁面、Edit Product 的 Product Tags Metabox,或 All Products 的 Bulk Edit 三處新增

  1. 在 Products > Tags 頁面輸入 Name 建立標籤,Slug 與 Description 可選填

    官方文件介面截圖 7
    官方文件介面截圖:官方文件介面截圖 7

  2. 在 Edit Product 頁面的 Product Tags Metabox 輸入既有標籤名稱選取,或輸入新名稱後點選 Add 建立新標籤

    官方文件介面截圖 8
    官方文件介面截圖:官方文件介面截圖 8

  3. 也可點選「Choose from the most used tags」快速套用最常用的標籤
  4. 在 All Products 頁面勾選商品後使用 Bulk Edit,在 Product tags 欄位輸入既有或新標籤

    官方文件介面截圖 9
    官方文件介面截圖:官方文件介面截圖 9

商品屬性(Attributes)的用途

屬性可用來篩選與顯示商品,例如依顏色或尺寸篩選

官方文件介面截圖 10
官方文件介面截圖:官方文件介面截圖 10

屬性也用於定義可變商品的變化款,例如以尺寸與顏色定義 T 恤的不同款式

官方文件介面截圖 11
官方文件介面截圖:官方文件介面截圖 11

屬性可設定為全域(可套用到任何商品)或僅限單一商品使用,一般建議優先使用全域屬性以便統一更新

建立全域屬性與選項

使用區塊佈景主題的商店可在 WooCommerce > Settings > Advanced > Features 啟用實驗性的色彩樣本功能,供屬性選用 Color / image 類型

  1. 前往 Products > Attributes 頁面
  2. 在「Add new attribute」表單輸入 Name
  3. 選擇 Type,大多數屬性使用 Select
  4. 視需要啟用 Enable Archives,可為該屬性值建立獨立的商品列表頁
  5. 選擇 Default sort order,可選 Name、Name (numeric)、Term ID 或 Custom ordering
  6. 點選 Add Attribute 完成建立

    官方文件介面截圖 12
    官方文件介面截圖:官方文件介面截圖 12

  7. 建立後於右側表格點選 Configure terms,進入 Edit Attribute 頁面新增屬性值的 Name、Slug、Description
  8. 點選 Add New {Attribute name} 新增屬性值,可依需要新增多筆

    官方文件介面截圖 13
    官方文件介面截圖:官方文件介面截圖 13

將屬性加入商品/建立自訂屬性

使用 Select all 加入的屬性值會依 Default sort order 的順序顯示在前台

官方文件介面截圖 14
官方文件介面截圖:官方文件介面截圖 14

在商品頁面新增的自訂屬性僅限該商品使用,不會出現在全域屬性清單中

  1. 前往 Products > Add Product,在 Product data 區塊選擇 Attributes 分頁
  2. 從 Add Existing 下拉選單選擇先前建立的全域屬性
  3. 點選 Values 欄位逐一選取屬性值,或點選 Select all 一次套用全部既有值
  4. 若要建立自訂屬性,點選 Add New 按鈕新增空白屬性,輸入名稱並以「|」符號分隔各屬性值

    官方文件介面截圖 15
    官方文件介面截圖:官方文件介面截圖 15

介面名稱對照

  • Categories:具階層結構的商品分類功能,可建立父層與子層
  • Tags:無階層的商品標籤,用來標示跨分類的共同特徵
  • Attributes:商品屬性,用於篩選顯示商品及建立可變商品的變化款
  • Configure terms:進入 Edit Attribute 頁面設定屬性值的按鈕
  • Make default:分類名稱下方的操作連結,用來將該分類設為預設分類

注意事項

注意

若已依 Name、Description、Slug 或 Count 欄位排序分類列表,將無法使用拖曳排序功能

注意

啟用色彩樣本功能不會自動改變既有屬性,只有將屬性設為 Color / image 類型且屬性值有設定色彩或圖片才會顯示樣本

常見問題

商品一定要指定分類嗎?

是的,每個商品都必須有分類,若未指定,系統會自動歸入預設分類(預設名稱為 Uncategorized)。

標籤和分類有什麼不同?

分類具有階層結構,可分父子層;標籤沒有階層,適合用來標示跨分類的共同特徵,例如材質或風格。

官方來源

知識標籤

還是卡住了?

先把問題問清楚,通常比直接開工單更快。複製下面的結構,補上你的情況後送出。

用 AI 先釐清問題

/ai 我正在閱讀「WooCommerce 商品分類、標籤與屬性管理教學」,目前卡在:

我已嘗試:

我看到的畫面/錯誤訊息:

請用一步一步的方式告訴我下一步。

需要我們實際進入網站調整設定、修改佈景主題或處理資料時,再建立 /task 工單。