如何自定义 WooCommerce 产品变体

经验电商网站，提供多样化的产品选项对于满足不同客户的爱好对收益最大化很重要。产品变量可以给单个产品提供多种选项，例如不同的颜色、尺寸或材料。

WooCommerce 默认支持添加产品变量，但要在竞争激烈的电商中更吸引顾客眼球，需要超越基础功能，定制 WooCommerce 的产品变量，可以更个性化和吸引人。

在文中，会探讨如何通过编程和插件自定义 WooCommerce 产品变量，打造一个更具吸引力、用户友好的电商网站。

什么是产品变量

产品变量是具有不同属性或选项的特定产品版本，例如尺寸、颜色、材料或其他特性。通过产品变量，客户可以根据自己的爱好或需求选择他们想要购买的具体产品配置。

为什么要自定义 WooCommerce 产品变量

自定义 WooCommerce 产品变量可以显著提升客户的购物体验，并有可能提升转化。

下面是自定义 WooCommerce 产品变量的一些主要优势：

• 创建更具视觉吸引力和用户友好的界面。
• 帮助满足客户的个性化喜好和需求。
• 通过将相似产品合并为具有多个选项的单个列表，高效管理库存。
• 改善网站上的产品组织方式。
• 帮助通过推荐相关产品或同一产品的高端版本实现追加销售和交叉销售。
• 改善搜索引擎优化（RÉFÉRENCEMENT).
• 简化产品管理流程，使添加、编辑和删除产品选项更加轻松。
• 根据市场趋势、客户偏好和新产品发布进行调整，让商店保持竞争力和相关性。

怎么通过代码给 WooCommerce 创建带有属性的可变产品

在这一部分，分享了一个代码片段，通过自定义函数定义可变产品的 ID，并实际添加或创建产品变量。需要注意的是，创建可变产品时，需要父产品来设置属性，例如属性/值数组、SKU、价格和库存。

查看代码片段时，会发现数据存储在一个格式化的多维数组中。我创建的函数会检查属性的值是否已存在。如果不存在，它会为产品属性创建一个条目，然后将其设置到父可变产品中。

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() 函数
该函数用于为 WooCommerce 产品创建新的产品变量。通过该函数，可以以编程方式给 WooCommerce 商店创建产品变量，在管理大量产品或需要自动化创建过程时非常有用。

WooCommerce 可变产品及其输出

WooCommerce 可变产品能创建一个包含多种变量（如颜色、尺寸或材质）的单一列表。每个变量都具有独特的属性、库存水平和定价选项，给客户提供个性化的购物体验。

要通过编程方式操作 WooCommerce 可变产品，可以使用下面这些关键代码片段和函数，将它们添加到 functions.php Documentation :

• wc_get_product($product_id)：这个函数根据产品 ID 获取产品对象，用于访问产品数据，如属性、价格和库存水平。
• wp_insert_post($variation_post)：WordPress 函数，用于创建新帖子或更新现有帖子。在 WooCommerce 中，可用于创建新的产品变量。
• WC_Product_Variation($variation_id)：创建 WC_Product_Variation 类的实例，表示特定的产品变量。可以使用该对象获取或设置产品变量的属性、价格和库存水平。
• register_taxonomy：创建新的分类法（taxonomy），用于组织和分类网站内容。在 WooCommerce 中，产品属性存储为自定义分类法。
• wp_insert_term：创建分类法中的新术语（term）。在 WooCommerce 中，产品属性值存储为术语。此函数用于 IF 条件中检查术语名称是否存在，如果不存在则创建。
• $post_term_names：存储与父可变产品相关联的术语名称数组，用于检查特定术语是否已设置为产品的属性值。
• wp_set_post_terms：设置或更新与帖子相关联的术语。在 WooCommerce 中，可用于将属性值（术语）与产品或产品变量相关联。
• update_post_meta：更新与帖子相关的元数据。在 WooCommerce 中，用于保存产品变量的属性数据。
• $variation->set_sku：WC_Product_Variation 类的方法，用于设置产品变量的 SKU（库存单位）。SKU 是每个产品变量的唯一标识符，帮助管理库存。
• $variation_data[‘sale_price’]：包含产品变量销售价格的数组键，可用于设置或更新特定产品变量的销售价格。
• $variation_data[‘stock_qty’]：包含产品变量库存数量的数组键，可用于设置或更新特定产品变量的库存水平。

如何用插件为 WooCommerce 创建带有属性的可变产品

在 WooCommerce 中，可以使用插件自定义产品变量，这些插件提供了额外的选项和功能。

下面是一些帮助自定义 WooCommerce 产品变量的热门插件：

• Variation Swatches for WooCommerce (en anglais)
• WooCommerce Additional Variation Images
• YITH WooCommerce Color and Label Variations

在本文中，我们用 Variation Swatches for WooCommerce (en anglais) 插件演示。

下面是用 Variation Swatches for WooCommerce 插件创建带有属性的 WooCommerce 可变产品的分步指南：

Étape 1 : Installer et activer le plugin

1. 进入 WordPress 仪表盘。

2. 导航至 “plug-in (composant logiciel)” > “Installation des plug-ins".

3. 搜索 “Variation Swatches for WooCommerce (en anglais)".

4. 点击 “Installer maintenant”，然后激活插件。

步骤 2：配置插件设置

• 前往“mettre en place".

• 根据需要配置插件设置，例如调整样式、大小和形状等选项。

步骤 3：创建或编辑可变产品

前往“offres” > “supplémentaires”创建新产品，或点击现有产品下的“compilateur".

Dans "Données sur le produit”部分，从下拉菜单中选择“可变产品".

步骤 4：添加属性

• Dans "causalité”选项卡中，添加想用于变量的属性（例如颜色、尺寸）。
• 点击“添加”，填写属性详情，并勾选“用于变量”选项框。

• Cliquez "保存属性".

步骤 5：生成变量

• 前往“变量”选项卡，点击“从所有属性创建变量”自动生成所有可能的变量。

• 配置每个变量的详细信息，包括价格、库存和图片。

步骤 6：保存更改

• 配置完产品变量后，点击“mettre à jour"ou"poste”保存更改。

• 现在，可以看到刚刚创建的变量了。

推荐的产品变量自定义插件

下面是一些推荐的插件，可帮助管理员在电商网站上自定义产品变量，主要适用于 WordPress 和 WooCommerce：

• Variation Swatches for WooCommerce (en anglais)
• YITH WooCommerce Color and Label Variations
• WPB Product Slider for WooCommerce
• Improved Variable Product Attributes for WooCommerce
• WooCommerce Product Variations Matrix

自定义 WooCommerce 产品变量的最佳实践

自定义 WooCommerce 产品变量可以显著提升用户体验。为了充分利用产品变量的自定义功能，最好遵循下面这些规则：

仔细规划和组织产品属性和变量，确保它们清晰易懂。

给每个产品变量提供高质量、清晰的图片，展示产品的不同角度并突出其独特特性。

确保产品图片经过Optimisation du site web，提高加载速度。

用一致的命名规范，让所有产品的相似属性和选项名称统一。

准确配置每个产品变量的价格和库存水平，让价格具有竞争力且库存信息更新及时。

定期测试和审查产品变量和自定义选项，确保它们运行正常且易于使用。

根据需要用 WooCommerce 插件和扩展来增强产品变量的功能.

解决产品变量的常见问题

WooCommerce 的产品变量有时可能会遇到一些问题，这些问题可能会影响网站功能或用户体验。下面是一些 WooCommerce 产品变量的常见问题及相应的解决方案：

问题 1：变量未显示或显示不正确

有时候设置了变量，但它们没有正确显示。导致这个问题的原因可能不同，可以尝试下面这些方法来解决：

Solution :

• 确保产品的属性和变量已正确设置。属性应添加到“causalité”选项卡中，然后在每个产品的“变量”选项卡中创建变量。

• 检查是否存在主题或conflit entre les plug-ins。通过逐个停用插件并暂时切换到默认的 WordPress 主题来测试。如果问题得到解决，找出有冲突的插件或主题，并寻找合适的替代插件。

问题 2：Ajax 加入购物车功能对可变产品无效

有时候可变产品的加入购物车功能无法正常工作。

Solution :

• 确保网站主题与 WooCommerce 兼容，支持可变产品的 AJAX 加入购物车功能，或者安装 AJAX 加入购物车插件。

• 检查是否有插件冲突可能导致了问题。

问题 3：变量更改无法保存

有时候可能无法保存新的变量设置。

Solution :

• 确定服务器符合 WooCommerce 的最低要求，包括 PHP 版本和内存限制。
• 增加服务器 php.ini 文件中的 max_input_vars 值，因为较低的值可能会导致保存大量变量时出现问题。

问题 4：大量变量导致性能问题

当产品设置大量变量后，可能会遇到性能问题。

Solution :

• 用缓存插件，例如 WP Rocket 或 W3 Total Cache，提升网站性能。
• 定期优化数据库，保持数据库清洁高效。
• 考虑用专门处理大量变量的插件，例如 WooCommerce Product Variations Matrix 或 Variation Swatches for WooCommerce。

résumés

自定义 WooCommerce 产品变量是开发者提升客户电商网站功能的有力工具。通过利用可变产品的灵活性，开发者可以为客户打造更具吸引力和个性化的购物网站，提升购物体验。