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

WooCommerce 可變產品(Variable Products)完整設定教學

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

本篇說明

本教學說明如何在 WooCommerce 建立可變產品,包含新增屬性、產生變化款、設定庫存與價格、批次編輯,以及前台顧客實際看到的操作行為,適合需要販售多規格商品(如尺寸、顏色)的賣家參考。

適合誰使用

需要在 WooCommerce 商店販售多規格(如尺寸、顏色)商品的網站管理員與店家

開始前準備

  • 需先在 WordPress 後台的「Products」建立新產品,並將「Product data」下拉選單設為 Variable Product
  • 至少建立一個變化款後,才能設定預設變化款(Default Form Value)

教學內容

建立可變產品的基本步驟

可變產品能讓同一項商品提供多種選項(例如尺寸、顏色),並個別控制每個變化款的價格、庫存、圖片等資料。

  1. 前往後台「Products」,點擊「Add New Product」
  2. 輸入產品名稱,並在「Product data」下拉選單選擇「Variable Product」
  3. 點擊左側「Attributes」分頁,新增全域屬性或建立自訂屬性(例如尺寸),值之間以「|」分隔
  4. 點擊「Save Attributes」儲存屬性
  5. 切換到「Variations」分頁,選擇「Generate variations」自動產生所有組合,或用「Add manually」手動新增
  6. 點擊每個變化款展開,填入價格、庫存狀態、重量、尺寸、運送類別與描述等資訊
  7. 在「Variations」選單底部點擊「Save changes」儲存變化款設定
  8. 最後在畫面右上角點擊「Publish」發布產品

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

變化款可設定的資料欄位

若在產品層級已設定 SKU,變化款留空時會自動沿用產品層級的 SKU

未設定 Regular Price 的變化款不會顯示在商店中

勾選「Virtual」會移除重量、尺寸、運送類別等運送相關設定欄位

設定可下載變化款

所有商品皆為虛擬且可下載的訂單,會跳過「Processing」狀態直接進入「Completed」狀態

  1. 在「Variations」分頁點擊要編輯的變化款展開細節
  2. 勾選「Downloadable」核取方塊
  3. 點擊「Add file」按鈕命名檔案,輸入外部下載網址或用「Choose file」從媒體庫選取或上傳新檔案
  4. 視需要填寫「Download limit」(下載次數上限)與「Download expiry」(下載到期天數),皆可留空
  5. 完成編輯後點擊「Publish」或「Update」儲存

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

排序屬性與變化款

自訂屬性的值會依照在「Values」欄位輸入的順序顯示在前台下拉選單中

全域屬性只有在預設排序方式設為「Custom Ordering」時,才會套用手動排序的順序

  1. 在「Attributes」分頁中,直接拖曳屬性調整順序,再點擊「Save Attributes」

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

  2. 若要調整自訂屬性的值順序,需先刪除舊值,再依欲顯示順序重新輸入

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

  3. 若要調整後台變化款順序,可在「Variations」分頁用三條線把手拖曳,或直接點擊把手輸入位置編號

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

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

新增變化款圖片

WooCommerce 10.9 起可啟用實驗性的 Variation Gallery 功能,讓每個變化款擁有多張圖片

顧客在產品頁選擇某個變化款時,商品圖片區會切換顯示該變化款的圖片組合

Primary variation image field in the product editor.
官方文件介面截圖:Primary variation image field in the product editor.

  1. 前往「WooCommerce > Settings > Advanced > Features」開啟「Variation Gallery」
  2. 在「Variations」分頁點擊變化款展開,點選藍色圖片預留位置設定主要圖片
  3. 點擊「Variation gallery」旁的「Manage」按鈕選擇多張圖片並拖曳排序
  4. 完成後在「Variations」分頁點擊「Save changes」

庫存管理:產品層級 vs 變化款層級

產品層級庫存管理讓所有變化款共用同一組庫存數量

變化款層級庫存管理則是每個變化款各自擁有獨立的庫存數量,顧客購買某款式只會扣減該款式庫存

兩種管理方式可以混合使用,未啟用變化款層級庫存管理的款式會共用產品層級庫存

  1. 產品層級:在「Inventory」分頁勾選「Stock management」,填寫 SKU、庫存數量、是否允許缺貨下單與低庫存警戒值

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

  2. 變化款層級:在「Variations」分頁點開個別變化款,勾選「Manage Stock?」並填寫相同欄位

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

隱藏缺貨變化款

此功能須同時符合:已啟用隱藏缺貨選項、庫存採變化款層級管理、變化款庫存為 0 或狀態為缺貨、且該變化款未允許缺貨下單,才會從下拉選單隱藏

只要有任一變化款仍有庫存,父層可變產品仍會顯示在商店與分類頁面

  1. 前往「WooCommerce → Settings → Products → Inventory」
  2. 勾選「Hide out of stock items from the catalog」選項並儲存

批次編輯與前台選擇可變商品

使用「Bulk actions」下拉選單可一次調整所有變化款,包含啟用/停用、價格、庫存、運送與下載相關設定

若動作需要輸入數值(如設定價格或折扣),畫面會彈出視窗要求輸入

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

在「Variations」分頁上方選單選擇欲執行的批次動作

  1. 在單一商品頁,顧客需從下拉選單選完所有變化選項,畫面才會顯示該款的庫存與價格,並可加入購物車

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

  2. 在商店首頁或商品封存頁,可變商品按鈕會顯示「Select options」,而不是「Add to cart」,讓顧客先選擇變化款

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

  3. 若使用「Any {attribute}」建立較寬鬆的變化款,WooCommerce 會由上到下採用第一個符合的變化款,因此較明確的變化款應排在 Any 變化款上方
  4. 正確排序時,較明確的變化款在上,較不明確的變化款可在沒有精確配對時作為後備

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

  5. 若把含「Any…」屬性的變化款排在最上方,後面的較明確變化款將永遠不會被配對

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

介面名稱對照

  • Variable Product:可變產品,指同一項商品可提供多種規格選項(如尺寸、顏色)的產品類型
  • Attributes:屬性分頁,用來新增或編輯產品的規格條件(如尺寸、顏色)
  • Variations:變化款分頁,管理各個屬性組合對應的產品資料
  • Generate variations:自動根據所有屬性值產生所有可能的變化款組合
  • Bulk Actions:批次動作選單,可一次套用設定到所有變化款
  • Manage Stock?:勾選後可針對該變化款單獨設定庫存數量與相關規則
  • Any {attribute}…:一種特殊屬性選項,可作為未明確定義屬性組合時的備援配對
  • Variation Gallery:WooCommerce 10.9 起提供的實驗性功能,可讓每個變化款擁有多張圖片

注意事項

注意

更改產品屬性後可能需要重新設定變化款,否則組合可能無法正確運作

注意

超過 30 個變化款時,前台下拉選單行為會改變,不再動態篩選可用選項

注意

若使用「Any {attribute}…」設定重疊的變化款,後台排序順序會直接影響哪個變化款資料被套用,需將較明確的變化款排在上方

注意

顧客必須選擇所有屬性選項才能將可變產品加入購物車

常見問題

變化款有多少個以上時,前台的下拉選單會失去動態篩選功能?

當可變產品的變化款數量超過 30 個時,前台下拉選單會變成靜態顯示所有選項,不會依照先前選擇的屬性自動篩選,顧客選到不存在的組合時會看到提示訊息告知沒有符合的商品。

產品層級與變化款層級的庫存可以同時使用嗎?

可以,兩者並非互斥選擇。凡是有勾選「Manage Stock」的變化款會使用自己獨立的庫存,未勾選的變化款則會共用產品層級的庫存數量。

如何讓顧客只看到目前有庫存的變化款選項?

需到「WooCommerce → Settings → Products → Inventory」勾選「Hide out of stock items from the catalog」,並確保庫存採變化款層級管理、庫存為 0 且未允許缺貨下單,符合這些條件的缺貨選項才會從下拉選單隱藏。

官方來源

還是卡住了?

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

用 AI 先釐清問題

/ai 我正在閱讀「WooCommerce 可變產品(Variable Products)完整設定教學」,目前卡在:

我已嘗試:

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

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

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