如何在Woocommerce中仅生成Size属性变体，同时显示Size与Color属性

核心思路 #

WooCommerce默认只渲染有对应变体的属性选项，所以我们需要通过代码强制显示未关联变体的Color属性，同时确保Color选择不会影响变体匹配（因为所有价格固定）。以下是两种可行方案：

方案一：强制将Color作为变体属性显示（视觉上和Size一致） #

这个方案让Color看起来和Size一样是变体选择项，但实际不关联变体，只保留Size的6个变体即可。将以下代码添加到子主题的functions.php或自定义插件中：

// 强制在商品页显示所有Color属性选项
add_filter( 'woocommerce_dropdown_variation_attribute_options_args', 'force_show_all_color_options', 10, 1 );
function force_show_all_color_options( $args ) {
    // 替换成你的Color属性slug（通常是pa_color，可在WooCommerce属性设置中查看）
    if ( $args['attribute'] === 'pa_color' ) {
        $taxonomy = wc_attribute_taxonomy_name_by_name( 'color' );
        // 获取该属性下所有选项，不管是否关联变体
        $terms = get_terms( array(
            'taxonomy' => $taxonomy,
            'hide_empty' => false,
        ) );

        $options = array();
        foreach ( $terms as $term ) {
            $options[] = $term->slug;
        }

        $args['options'] = $options;
        $args['show_option_none'] = __('Choose an option', 'woocommerce');
    }
    return $args;
}

// 处理Color选择后的变体匹配逻辑（忽略Color，仅匹配Size）
add_filter( 'woocommerce_available_variation', 'ignore_color_for_variation_match', 10, 3 );
function ignore_color_for_variation_match( $variation, $product, $variation_obj ) {
    // 当用户选择Color后，确保变体依然匹配选中的Size
    $selected_color = isset( $_POST['attribute_pa_color'] ) ? sanitize_text_field( $_POST['attribute_pa_color'] ) : '';
    if ( ! empty( $selected_color ) ) {
        $variation['attributes']['pa_color'] = $selected_color;
    }
    return $variation;
}

注意事项 #

• 替换代码中的pa_color和color为你实际的Color属性标识（在WooCommerce → 属性中查看）
• 因为所有变体价格固定，Color选择不会触发价格变化，无需额外处理价格逻辑
• 代码务必放在子主题中，避免主题更新导致代码丢失

方案二：将Color作为附加选择项（性能最优） #

如果Color只是用户需要选择的附加信息，不需要伪装成变体属性，这个方案更高效——完全不需要生成Color相关的变体，直接在商品页添加独立选择框，并将选择信息同步到购物车和订单中。

代码如下：

// 在加入购物车按钮前添加Color选择框
add_action( 'woocommerce_before_add_to_cart_button', 'add_custom_color_selection' );
function add_custom_color_selection() {
    global $product;
    $taxonomy = wc_attribute_taxonomy_name_by_name( 'color' );
    $terms = get_terms( array(
        'taxonomy' => $taxonomy,
        'hide_empty' => false,
    ) );

    if ( ! empty( $terms ) ) {
        echo '<div class="custom-color-field">';
        echo '<label for="custom_pa_color">' . __('Color', 'woocommerce') . '</label>';
        echo '<select id="custom_pa_color" name="custom_pa_color">';
        echo '<option value="">' . __('Choose an option', 'woocommerce') . '</option>';
        foreach ( $terms as $term ) {
            echo '<option value="' . esc_attr( $term->slug ) . '">' . esc_html( $term->name ) . '</option>';
        }
        echo '</select>';
        echo '</div>';
    }
}

// 将Color选择信息添加到购物车项
add_filter( 'woocommerce_add_cart_item_data', 'attach_color_to_cart_item', 10, 2 );
function attach_color_to_cart_item( $cart_item_data, $product_id ) {
    if ( isset( $_POST['custom_pa_color'] ) && ! empty( $_POST['custom_pa_color'] ) ) {
        $color_slug = sanitize_text_field( $_POST['custom_pa_color'] );
        $color_term = get_term_by( 'slug', $color_slug, 'pa_color' );
        if ( $color_term ) {
            $cart_item_data['selected_color'] = array(
                'slug' => $color_slug,
                'name' => $color_term->name,
            );
            // 可选：让不同Color的同Size商品视为独立购物车项
            $cart_item_data['unique_key'] = md5( microtime() . rand() );
        }
    }
    return $cart_item_data;
}

// 在购物车页面显示Color信息
add_filter( 'woocommerce_get_item_data', 'show_color_in_cart', 10, 2 );
function show_color_in_cart( $item_data, $cart_item ) {
    if ( isset( $cart_item['selected_color'] ) ) {
        $item_data[] = array(
            'key' => __('Color', 'woocommerce'),
            'value' => esc_html( $cart_item['selected_color']['name'] ),
        );
    }
    return $item_data;
}

// 将Color信息保存到订单
add_action( 'woocommerce_checkout_create_order_line_item', 'save_color_to_order', 10, 4 );
function save_color_to_order( $item, $cart_item_key, $values, $order ) {
    if ( isset( $values['selected_color'] ) ) {
        $item->add_meta_data( __('Color', 'woocommerce'), $values['selected_color']['name'] );
    }
}

方案对比 #

• 方案一：视觉上和原生变体属性一致，适合需要保持统一UI的场景
• 方案二：性能更好，无需修改变体逻辑，适合Color仅作为附加信息的场景

内容的提问来源于stack exchange，提问作者andryesh