我們在外貿網站建設時，如果搭建的是零售商城，譬如出售鞋子、衣服，那麼一定會用到可變産品色闆選項功能，讓你的客戶可以直覺的選擇尺碼、顔色、樣式等等。本篇教程講解如何使用插件Variation Swatches for WooCommerce實作産品色闆功能。
WooCommerce自帶的産品屬性選項，無色闆
Variation Swatches for WooCommerce實作的色闆功能
本文原文首發于：https://loyseo.com/how-to-enable-swatches-for-woocommerce-variable-product-attributes/
首先請在你的WordPress網站中安裝并激活插件Variation Swatches for WooCommerce，相關教程：如何安裝插件。
接下來，你要學會添加全局屬性。
請進入products> attributes頁面，以便添加、修改、删除屬性。
添加屬性需要填寫的内容：
name：名稱，名稱不能重複。
slug：非必填，是網址（url）的重要組成部分，不填将自動等于name；如果改了name，記得修改slug，如果網站已上線後修改slug，記得做好新舊url的301跳轉，你可以安裝rank math seo插件，按照外貿網站如何設定Rank Math SEO教程，啟用auto post redirect配置。
Enable Archives：啟用清單，如果你需要展示具有目前屬性的産品到屬性清單頁中，那麼就啟用。例如，顔色屬性有一個屬性值黑色，你可以添加網址：https://yodomain.com/pa_color/black/ 到網站菜單中，它将展示所有黑色的商品，其中pa表示product attribute。
type：表示類型，這個字段隻有激活了Variation Swatches for WooCommerce才會顯示，它提供了三種類型：color（顔色）、image（圖檔）、button（按鈕），譬如：尺碼屬性可以用type類型。
Default sort order：選擇預設的排序方式，你可以在“Name”, “Name (numeric)”, “Term ID” or “Custom ordering” 種進行選擇，它将影響屬性值的排序，譬如，如果屬性值是數字，則“Name (numeric)”是最合适的，那如果選擇“name”，則按字母順序排序，1和10反而在2的前面。如果選擇“Name (numeric)”排序，則根據數值從小到大進行排序。 如果選擇“Custom ordering” ，那麼你可以在屬性值清單中拖拽調整順序。
當你添加屬性後，該屬性将添加到右側的表中，但還沒有屬性值。
請點選“configure term”進入添加屬性值，可以按需添加多個屬性值。
當你添加顔色類屬性時，系統會讓你選擇顔色
當你添加圖檔類屬性時，系統會讓你上傳圖檔。
當你添加完所有的屬性後，接下來我們就是去添加可變産品了。
詳見教程： WooCommerce如何添加可變産品
https://loyseo.com/how-to-enable-swatches-for-woocommerce-variable-product-attributes/#ftoc-heading-4
本文原文由LOYSEO 釋出，LOYSEO專注于WordPress外貿網站建設教程、Elementor教程。