Kadence Shop Kit（原名 Woo Extras）擴展了 WooCommerce 的功能，其中“變體色板”是實用性很強的一項。它能讓產(chǎn)品變體以下拉菜單、單選框、顏色或圖片的方式直觀展示，方便顧客快速了解商品差異，提升購買意愿。

開始使用變體色板功能

安裝與啟用功能

• 安裝并激活 Kadence Shop Kit 插件。
• 在 WordPress 后臺左下角找到 Shop Kit 菜單，點擊進入。

• 進入 Variation Swatches（變體色板） 選項卡，啟用該功能。

啟用產(chǎn)品畫廊

Variation Swatches 功能依賴于 Shop Kit 提供的產(chǎn)品畫廊（Product Gallery） 模塊。

啟用路徑如下：

• 前往 Shop Kit 設置 → Product Gallery（產(chǎn)品畫廊）
• 開啟產(chǎn)品畫廊功能（Toggle 開關）

可選功能：啟用產(chǎn)品圖片輪播（Product Slider）

如需使用圖片輪播功能，也可在產(chǎn)品頁面中啟用。

產(chǎn)品頁面配置選項

產(chǎn)品變體設置流程

在使用變體色板前，需要先為商品設置屬性和變體。在產(chǎn)品編輯頁面的“產(chǎn)品數(shù)據(jù)”模塊中，進入“屬性”標簽，添加所需屬性（例如顏色、尺碼），勾選“用于變體”。

接著前往“變體”標簽，為每項變體設定價格、圖片，也可以添加多張圖片形成變體畫廊。

單個商品的色板樣式調(diào)整

為單獨產(chǎn)品自定義色板時，可：

• 在產(chǎn)品編輯頁面中，進入 產(chǎn)品數(shù)據(jù) → Variation Swatches。
• 設置每個變體的：
  • 色板類型（顏色、圖片、單選框等）
  • 標簽顯示方式
  • 色板大小
• 為每個變體指定顏色或上傳圖片。

完成后，保存并預覽產(chǎn)品頁面，檢查效果是否正確呈現(xiàn)。

色板展示樣式概覽

Kadence Shop Kit 支持以下幾種展示樣式：

下拉菜單樣式（Dropdown）

傳統(tǒng)的選擇方式，適合選項較多或不需圖像的屬性。

單選框樣式（Radio Box）

以按鈕形式展示每個選項，適合較少的變體。

圖片或顏色色板樣式（Color/Image Swatch）

以圖形方式直觀展示每個變體，適合展示顏色、圖案或樣式差異。

總結

變體色板為商品頁面提供了更豐富的展示方式。產(chǎn)品信息更直觀，有助于顧客快速理解選項差別，增強對商品的興趣。特別適合服飾、定制、家居類商品展示，配合 Kadence 提供的其他模塊使用，能讓產(chǎn)品頁面呈現(xiàn)更加靈活。

聯(lián)系我們
教程看不懂？聯(lián)系我們?yōu)槟赓M解答！免費助力個人，小企站點！	客服微信
① 電話：020-2206-9892
② QQ咨詢：1025174874
③ 郵件：info@361sale.com
④ 工作時間：周一至周五，9:30-18:30，節(jié)假日休息