我們在外貿網站建設時,如果搭建的是零售商城,譬如出售鞋子、衣服,那么一定會用到可變產品色板選項功能,讓你的客戶可以直觀的選擇尺碼、顏色、樣式等等,本篇教程講解如何使用插件Variation Swatches for WooCommerce實作產品色板功能,
-

WooCommerce自帶的產品屬性選項,無色板
-

Variation Swatches for WooCommerce實作的色板功能
本文原文首發于:https://loyseo.com/how-to-enable-swatches-for-woocommerce-variable-product-attributes/
安裝Variation Swatches For WooCommerce插件
首先請在你的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教程,
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/234753.html
標籤:其他
