WooCommerce：向产品变体添加自定义字段

Question

我需要帮助将自定义字段添加到我的产品变体和简单产品页面。我尝试使用 RemiCorson 的信息 (http://www.remicorson.com/woocommerce-custom-fields-for-variations/)，但我不断收到错误消息。我试图复制我在this user's posts for ISBN 中看到的内容，但它对我不起作用。

以下代码的问题是它没有显示在实时站点上。非常感谢所有帮助，我今天大部分时间都在试图找出我做错了什么。

向 Woocommerce 中的简单产品和可变产品页面添加 6 个自定义文本字段和 1 个复选框。这些不是由购物者提供（即填写）的字段，而是我希望在我的产品页面上（而不是在标签内）显示的自定义信息。

// Display Fields
add_action( 'woocommerce_product_options_general_product_data', 'woo_add_custom_general_fields' );

// Save Fields
add_action( 'woocommerce_process_product_meta', 'woo_add_custom_general_fields_save' );

function woo_add_custom_general_fields() {

  global $woocommerce, $post;

  echo '<div class="options_group">';

  // Custom fields will be created here...

// Text Field
woocommerce_wp_text_input( 
    array( 
        'id'          => '_ISBN_field', 
        'label'       => __( 'ISBN', 'woocommerce' ), 
        'placeholder' => '',
        'desc_tip'    => 'true',
        'description' => __( 'ISBN.', 'woocommerce' ) 
    )
);
function woo_add_custom_general_fields_save( $post_id ){

// Customer text ISBN Field
$woocommerce_text_field = $_POST['_ISBN_field'];
if( !empty( $woocommerce_text_field ) )
    update_post_meta( $post_id, '_ISBN_field', esc_attr( $woocommerce_text_field ) );
else
    update_post_meta( $post_id, '_ISBN_field', '' );
}
// Display Custom Field Value
echo get_post_meta( $post->ID, '_ISBN_field', true );

}
/* WooCommerce */

/* ----------------------------------------------------------------------------------- */
/* Start WooThemes Functions - Please refrain from editing this section */
/* ----------------------------------------------------------------------------------- */

Answer 1

我从来不需要打扰woocommerce_product_after_variable_attributes_js，你只需要添加输入然后处理保存它。

自 Remi 的文章发表以来发生的另一件事是 WooCommerce 变体元数据不再打印在 <Table> 元素中......现在是 <div> 元素。这对于您如何构建新内容很重要。

以下是向变体添加元字段的方法：

// regular variable products
add_action( 'woocommerce_product_after_variable_attributes', 'add_to_variations_metabox', 10, 3 );
add_action( 'woocommerce_save_product_variation', 'save_product_variation', 20, 2 );


/*
 * Add new inputs to each variation
 *
 * @param string $loop
 * @param array $variation_data
 * @return print HTML
 */
function add_to_variations_metabox( $loop, $variation_data, $variation ){

    $custom = get_post_meta( $variation->ID, '_custom', true ); ?>

        <div class="variable_custom_field">
            <p class="form-row form-row-first">
                <label><?php echo __( 'Custom Data:', 'plugin_textdomain' ); ?></label>
                <input type="text" size="5" name="variation_custom_data[<?php echo $loop; ?>]" value="<?php echo esc_attr( $custom ); ?>" />
            </p>
        </div>

    <?php 

}

/*
 * Save extra meta info for variable products
 *
 * @param int $variation_id
 * @param int $i
 * return void
 */
function save_product_variation( $variation_id, $i ){

    // save custom data
    if ( isset( $_POST['variation_custom_data'][$i] ) ) {
        // sanitize data in way that makes sense for your data type
        $custom_data = ( trim( $_POST['variation_custom_data'][$i]  ) === '' ) ? '' : sanitize_title( $_POST['variation_custom_data'][$i] );
        update_post_meta( $variation_id, '_custom', $custom_data );
    }

}

Answer 2

我从here 找到以下代码，使用 WooCommerce 4.8.0

/**
 * Create new fields for variations
 *
*/
function hrx_variation_settings_fields( $loop, $variation_data, $variation ) {

    // Text Field
    woocommerce_wp_text_input( 
        array( 
            'id'          => 'isbn_field[' . $variation->ID . ']', 
            'label'       => __( 'ISBN', 'texdomain' ), 
            'placeholder' => '',
            'desc_tip'    => 'true',
            'description' => __( 'ISBN', 'texdomain' ),
            'value'       => get_post_meta( $variation->ID, 'isbn_field', true )
        )
    );

}
add_action( 'woocommerce_product_after_variable_attributes', 'hrx_variation_settings_fields', 10, 3 );

/**
 * Save new fields for variations
 *
*/
function hrx_save_variation_settings_fields( $post_id ) {

    // Text Field
    $isbn_value = $_POST['isbn_field'][ $post_id ];
    if( ! empty( $isbn_value ) ) {
        update_post_meta( $post_id, 'isbn_field', esc_attr( $isbn_value ) );
    }
    

}
add_action( 'woocommerce_save_product_variation', 'hrx_save_variation_settings_fields', 10, 2 );

WooCommerce : add custom fields to product variations