Php 如何在产品首页的产品标题下显示可变产品的自定义字段

BBloomer的代码有点过时了.

要在产品标题下方显示选定的变体自定义字段，请使用以下内容:

// Add custom field(s) to product variations from specific variable products
add_action( 'woocommerce_variation_options_pricing', 'add_variation_setting_fields', 10, 3 ); 
function add_variation_setting_fields( $loop, $variation_data, $variation ) {
    $field_key = 'custom_field';

    woocommerce_wp_text_input( array( 
        'id'            => $field_key.'['.$loop.']', 
        'label'         => __( 'Custom Field', 'woocommerce' ),
        'class'         => 'short', 
        'wrapper_class' => 'form-row',
        'value'         => get_post_meta( $variation->ID, $field_key, true )
    ) );      
}

// Save the custom field from product variations
add_action('woocommerce_admin_process_variation_object', 'save_variation_setting_fields', 10, 2 );
function save_variation_setting_fields($variation, $i) {
    $field_key = 'custom_field';

    if ( isset($_POST[$field_key][$i]) ) {
        $variation->update_meta_data($field_key, sanitize_text_field($_POST[$field_key][$i]));
    }
}

// Add the custom field value to the product form data
add_filter( 'woocommerce_available_variation', 'available_variation_custom_field_value', 10, 3 );
function available_variation_custom_field_value( $variation_data, $product, $variation ) {
    $variation_data['custom_field'] = $variation->get_meta('custom_field');
    return $variation_data;
}
    
// Display selected variation custom field below product title
add_action('woocommerce_single_product_summary', 'display_custom_field_below_product_title', 7 );
function display_custom_field_below_product_title() {
    global $product;

    if ( $product->is_type('variable') ) :

    wc_enqueue_js("$('form.variations_form').on('show_variation', function(event, data){
        if ( data.custom_field ) {
            $('.custom-field').html(data.custom_field).show();
        }
    }).on('hide_variation', function(){
        $('div.custom-field').hide().html('');
    });");

    echo '<div class="custom-field" style="display:none;"></div>';

    endif;
}

代码保存在您的子主题的functions.php文件中(或插件中).经过测试并工作.