如何自定義 WooCommerce 產(chǎn)品變體

經(jīng)驗(yàn)電商網(wǎng)站，提供多樣化的產(chǎn)品選項(xiàng)對(duì)于滿足不同客戶的愛(ài)好對(duì)收益最大化很重要。產(chǎn)品變量可以給單個(gè)產(chǎn)品提供多種選項(xiàng)，例如不同的顏色、尺寸或材料。

WooCommerce 默認(rèn)支持添加產(chǎn)品變量，但要在競(jìng)爭(zhēng)激烈的電商中更吸引顧客眼球，需要超越基礎(chǔ)功能，定制 WooCommerce 的產(chǎn)品變量，可以更個(gè)性化和吸引人。

在文中，會(huì)探討如何通過(guò)編程和插件自定義 WooCommerce 產(chǎn)品變量，打造一個(gè)更具吸引力、用戶友好的電商網(wǎng)站。

什么是產(chǎn)品變量

產(chǎn)品變量是具有不同屬性或選項(xiàng)的特定產(chǎn)品版本，例如尺寸、顏色、材料或其他特性。通過(guò)產(chǎn)品變量，客戶可以根據(jù)自己的愛(ài)好或需求選擇他們想要購(gòu)買的具體產(chǎn)品配置。

為什么要自定義 WooCommerce 產(chǎn)品變量

自定義 WooCommerce 產(chǎn)品變量可以顯著提升客戶的購(gòu)物體驗(yàn)，并有可能提升轉(zhuǎn)化。

下面是自定義 WooCommerce 產(chǎn)品變量的一些主要優(yōu)勢(shì)：

創(chuàng)建更具視覺(jué)吸引力和用戶友好的界面。
幫助滿足客戶的個(gè)性化喜好和需求。
通過(guò)將相似產(chǎn)品合并為具有多個(gè)選項(xiàng)的單個(gè)列表，高效管理庫(kù)存。
改善網(wǎng)站上的產(chǎn)品組織方式。
幫助通過(guò)推薦相關(guān)產(chǎn)品或同一產(chǎn)品的高端版本實(shí)現(xiàn)追加銷售和交叉銷售。
改善搜索引擎優(yōu)化（SEO）。
簡(jiǎn)化產(chǎn)品管理流程，使添加、編輯和刪除產(chǎn)品選項(xiàng)更加輕松。
根據(jù)市場(chǎng)趨勢(shì)、客戶偏好和新產(chǎn)品發(fā)布進(jìn)行調(diào)整，讓商店保持競(jìng)爭(zhēng)力和相關(guān)性。

怎么通過(guò)代碼給 WooCommerce 創(chuàng)建帶有屬性的可變產(chǎn)品

在這一部分，分享了一個(gè)代碼片段，通過(guò)自定義函數(shù)定義可變產(chǎn)品的 ID，并實(shí)際添加或創(chuàng)建產(chǎn)品變量。需要注意的是，創(chuàng)建可變產(chǎn)品時(shí)，需要父產(chǎn)品來(lái)設(shè)置屬性，例如屬性/值數(shù)組、SKU、價(jià)格和庫(kù)存。

查看代碼片段時(shí)，會(huì)發(fā)現(xiàn)數(shù)據(jù)存儲(chǔ)在一個(gè)格式化的多維數(shù)組中。我創(chuàng)建的函數(shù)會(huì)檢查屬性的值是否已存在。如果不存在，它會(huì)為產(chǎn)品屬性創(chuàng)建一個(gè)條目，然后將其設(shè)置到父可變產(chǎn)品中。

function create_product_variation( $product_id, $variation_data ){

$product = wc_get_product($product_id);

$variation_post = array(

        'post_title'  => $product->get_title(),

        'post_name'   => 'product-'.$product_id.'-variation',

  'post_status' => 'publish',

  'post_parent' => $product_id,

        'post_type'   => 'product_variation',

  'guid'    => $product->get_permalink()

);

$variation_id = wp_insert_post( $variation_post );

$variation = new WC_Product_Variation( $variation_id );

foreach ($variation_data['attributes'] as $attribute => $term_name )

{

  $taxonomy = 'pa_'.$attribute; 

  if( ! taxonomy_exists( $taxonomy ) ){

            register_taxonomy(

                $taxonomy,

                'product_variation',

                array(

                    'hierarchical' => false,

                    'label' => ucfirst( $attribute ),

                    'query_var' => true,

                    'rewrite' => array( 'slug' => sanitize_title($attribute) ), 

          )

      );

  }

  if( ! term_exists( $term_name, $taxonomy ) )

            wp_insert_term( $term_name, $taxonomy ); 

  $term_slug = get_term_by('name', $term_name, $taxonomy )->slug; 

        $post_term_names =  wp_get_post_terms( $product_id, $taxonomy, array('fields' => 'names') );

  if( ! in_array( $term_name, $post_term_names ) )

            wp_set_post_terms( $product_id, $term_name, $taxonomy, true );

        update_post_meta( $variation_id, 'attribute_'.$taxonomy, $term_slug );

}

if( ! empty( $variation_data['sku'] ) )

        $variation->set_sku( $variation_data['sku'] );

if( empty( $variation_data['sale_price'] ) ){

        $variation->set_price( $variation_data['regular_price'] );

} else {

        $variation->set_price( $variation_data['sale_price'] );

        $variation->set_sale_price( $variation_data['sale_price'] );

}

    $variation->set_regular_price( $variation_data['regular_price'] );

if( ! empty($variation_data['stock_qty']) ){

        $variation->set_stock_quantity( $variation_data['stock_qty'] );

        $variation->set_manage_stock(true);

        $variation->set_stock_status('');

} else {

        $variation->set_manage_stock(false);

}

    $variation->set_weight(''); 

    $variation->save(); 

}

create_product_variation() 函數(shù)
該函數(shù)用于為 WooCommerce 產(chǎn)品創(chuàng)建新的產(chǎn)品變量。通過(guò)該函數(shù)，可以以編程方式給 WooCommerce 商店創(chuàng)建產(chǎn)品變量，在管理大量產(chǎn)品或需要自動(dòng)化創(chuàng)建過(guò)程時(shí)非常有用。

WooCommerce 可變產(chǎn)品及其輸出

WooCommerce 可變產(chǎn)品能創(chuàng)建一個(gè)包含多種變量（如顏色、尺寸或材質(zhì)）的單一列表。每個(gè)變量都具有獨(dú)特的屬性、庫(kù)存水平和定價(jià)選項(xiàng)，給客戶提供個(gè)性化的購(gòu)物體驗(yàn)。

要通過(guò)編程方式操作 WooCommerce 可變產(chǎn)品，可以使用下面這些關(guān)鍵代碼片段和函數(shù)，將它們添加到 functions.php 文件中：

wc_get_product($product_id)：這個(gè)函數(shù)根據(jù)產(chǎn)品 ID 獲取產(chǎn)品對(duì)象，用于訪問(wèn)產(chǎn)品數(shù)據(jù)，如屬性、價(jià)格和庫(kù)存水平。
wp_insert_post($variation_post)：WordPress 函數(shù)，用于創(chuàng)建新帖子或更新現(xiàn)有帖子。在 WooCommerce 中，可用于創(chuàng)建新的產(chǎn)品變量。
WC_Product_Variation($variation_id)：創(chuàng)建 WC_Product_Variation 類的實(shí)例，表示特定的產(chǎn)品變量?？梢允褂迷搶?duì)象獲取或設(shè)置產(chǎn)品變量的屬性、價(jià)格和庫(kù)存水平。
register_taxonomy：創(chuàng)建新的分類法（taxonomy），用于組織和分類網(wǎng)站內(nèi)容。在 WooCommerce 中，產(chǎn)品屬性存儲(chǔ)為自定義分類法。
wp_insert_term：創(chuàng)建分類法中的新術(shù)語(yǔ)（term）。在 WooCommerce 中，產(chǎn)品屬性值存儲(chǔ)為術(shù)語(yǔ)。此函數(shù)用于 IF 條件中檢查術(shù)語(yǔ)名稱是否存在，如果不存在則創(chuàng)建。
$post_term_names：存儲(chǔ)與父可變產(chǎn)品相關(guān)聯(lián)的術(shù)語(yǔ)名稱數(shù)組，用于檢查特定術(shù)語(yǔ)是否已設(shè)置為產(chǎn)品的屬性值。
wp_set_post_terms：設(shè)置或更新與帖子相關(guān)聯(lián)的術(shù)語(yǔ)。在 WooCommerce 中，可用于將屬性值（術(shù)語(yǔ)）與產(chǎn)品或產(chǎn)品變量相關(guān)聯(lián)。
update_post_meta：更新與帖子相關(guān)的元數(shù)據(jù)。在 WooCommerce 中，用于保存產(chǎn)品變量的屬性數(shù)據(jù)。
$variation->set_sku：WC_Product_Variation 類的方法，用于設(shè)置產(chǎn)品變量的 SKU（庫(kù)存單位）。SKU 是每個(gè)產(chǎn)品變量的唯一標(biāo)識(shí)符，幫助管理庫(kù)存。
$variation_data[‘sale_price’]：包含產(chǎn)品變量銷售價(jià)格的數(shù)組鍵，可用于設(shè)置或更新特定產(chǎn)品變量的銷售價(jià)格。
$variation_data[‘stock_qty’]：包含產(chǎn)品變量庫(kù)存數(shù)量的數(shù)組鍵，可用于設(shè)置或更新特定產(chǎn)品變量的庫(kù)存水平。

如何用插件為 WooCommerce 創(chuàng)建帶有屬性的可變產(chǎn)品

在 WooCommerce 中，可以使用插件自定義產(chǎn)品變量，這些插件提供了額外的選項(xiàng)和功能。

下面是一些幫助自定義 WooCommerce 產(chǎn)品變量的熱門插件：

Variation Swatches for WooCommerce
WooCommerce Additional Variation Images
YITH WooCommerce Color and Label Variations

在本文中，我們用 Variation Swatches for WooCommerce 插件演示。

下面是用 Variation Swatches for WooCommerce 插件創(chuàng)建帶有屬性的 WooCommerce 可變產(chǎn)品的分步指南：

步驟 1：安裝并激活插件

1. 進(jìn)入 WordPress 儀表盤。

2. 導(dǎo)航至 “插件” > “安裝插件”。

3. 搜索 “Variation Swatches for WooCommerce”。

4. 點(diǎn)擊 “立即安裝”，然后激活插件。

步驟 2：配置插件設(shè)置

前往“設(shè)置”。

根據(jù)需要配置插件設(shè)置，例如調(diào)整樣式、大小和形狀等選項(xiàng)。

步驟 3：創(chuàng)建或編輯可變產(chǎn)品

前往“產(chǎn)品” > “新增”創(chuàng)建新產(chǎn)品，或點(diǎn)擊現(xiàn)有產(chǎn)品下的“編輯”。

在“產(chǎn)品數(shù)據(jù)”部分，從下拉菜單中選擇“可變產(chǎn)品”。

步驟 4：添加屬性

在“屬性”選項(xiàng)卡中，添加想用于變量的屬性（例如顏色、尺寸）。
點(diǎn)擊“添加”，填寫(xiě)屬性詳情，并勾選“用于變量”選項(xiàng)框。

點(diǎn)擊“保存屬性”。

步驟 5：生成變量

前往“變量”選項(xiàng)卡，點(diǎn)擊“從所有屬性創(chuàng)建變量”自動(dòng)生成所有可能的變量。

配置每個(gè)變量的詳細(xì)信息，包括價(jià)格、庫(kù)存和圖片。

步驟 6：保存更改

配置完產(chǎn)品變量后，點(diǎn)擊“更新”或“發(fā)布”保存更改。

現(xiàn)在，可以看到剛剛創(chuàng)建的變量了。

自定義 WooCommerce 產(chǎn)品變量的最佳實(shí)踐

自定義 WooCommerce 產(chǎn)品變量可以顯著提升用戶體驗(yàn)。為了充分利用產(chǎn)品變量的自定義功能，最好遵循下面這些規(guī)則：

仔細(xì)規(guī)劃和組織產(chǎn)品屬性和變量，確保它們清晰易懂。

給每個(gè)產(chǎn)品變量提供高質(zhì)量、清晰的圖片，展示產(chǎn)品的不同角度并突出其獨(dú)特特性。

確保產(chǎn)品圖片經(jīng)過(guò)網(wǎng)頁(yè)優(yōu)化，提高加載速度。

用一致的命名規(guī)范，讓所有產(chǎn)品的相似屬性和選項(xiàng)名稱統(tǒng)一。

準(zhǔn)確配置每個(gè)產(chǎn)品變量的價(jià)格和庫(kù)存水平，讓價(jià)格具有競(jìng)爭(zhēng)力且?guī)齑嫘畔⒏录皶r(shí)。

定期測(cè)試和審查產(chǎn)品變量和自定義選項(xiàng)，確保它們運(yùn)行正常且易于使用。

根據(jù)需要用 WooCommerce 插件和擴(kuò)展來(lái)增強(qiáng)產(chǎn)品變量的功能。

解決產(chǎn)品變量的常見(jiàn)問(wèn)題

WooCommerce 的產(chǎn)品變量有時(shí)可能會(huì)遇到一些問(wèn)題，這些問(wèn)題可能會(huì)影響網(wǎng)站功能或用戶體驗(yàn)。下面是一些 WooCommerce 產(chǎn)品變量的常見(jiàn)問(wèn)題及相應(yīng)的解決方案：

問(wèn)題 1：變量未顯示或顯示不正確

有時(shí)候設(shè)置了變量，但它們沒(méi)有正確顯示。導(dǎo)致這個(gè)問(wèn)題的原因可能不同，可以嘗試下面這些方法來(lái)解決：

解決方案：

確保產(chǎn)品的屬性和變量已正確設(shè)置。屬性應(yīng)添加到“屬性”選項(xiàng)卡中，然后在每個(gè)產(chǎn)品的“變量”選項(xiàng)卡中創(chuàng)建變量。

檢查是否存在主題或插件沖突。通過(guò)逐個(gè)停用插件并暫時(shí)切換到默認(rèn)的 WordPress 主題來(lái)測(cè)試。如果問(wèn)題得到解決，找出有沖突的插件或主題，并尋找合適的替代插件。

問(wèn)題 2：Ajax 加入購(gòu)物車功能對(duì)可變產(chǎn)品無(wú)效

有時(shí)候可變產(chǎn)品的加入購(gòu)物車功能無(wú)法正常工作。

解決方案：

確保網(wǎng)站主題與 WooCommerce 兼容，支持可變產(chǎn)品的 AJAX 加入購(gòu)物車功能，或者安裝 AJAX 加入購(gòu)物車插件。

檢查是否有插件沖突可能導(dǎo)致了問(wèn)題。

問(wèn)題 3：變量更改無(wú)法保存

有時(shí)候可能無(wú)法保存新的變量設(shè)置。

解決方案：

確定服務(wù)器符合 WooCommerce 的最低要求，包括 PHP 版本和內(nèi)存限制。
增加服務(wù)器 php.ini 文件中的 max_input_vars 值，因?yàn)檩^低的值可能會(huì)導(dǎo)致保存大量變量時(shí)出現(xiàn)問(wèn)題。

問(wèn)題 4：大量變量導(dǎo)致性能問(wèn)題

當(dāng)產(chǎn)品設(shè)置大量變量后，可能會(huì)遇到性能問(wèn)題。

解決方案：

用緩存插件，例如 WP Rocket 或 W3 Total Cache，提升網(wǎng)站性能。
定期優(yōu)化數(shù)據(jù)庫(kù)，保持?jǐn)?shù)據(jù)庫(kù)清潔高效。
考慮用專門處理大量變量的插件，例如 WooCommerce Product Variations Matrix 或 Variation Swatches for WooCommerce。

總結(jié)

自定義 WooCommerce 產(chǎn)品變量是開(kāi)發(fā)者提升客戶電商網(wǎng)站功能的有力工具。通過(guò)利用可變產(chǎn)品的靈活性，開(kāi)發(fā)者可以為客戶打造更具吸引力和個(gè)性化的購(gòu)物網(wǎng)站，提升購(gòu)物體驗(yàn)。

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