Как отобразить настраиваемое поле продукта варианта на странице продукта на основе выбранных атрибутов?

Question

Я установил настраиваемое поле для каждого варианта продукта в woocommerce. Я хочу отобразить настраиваемое поле вместо названия продукта или других областей страницы. Поэтому необходимо отобразить настраиваемое поле дочернего продукта варианта, если выбран вариант, в противном случае отобразить настраиваемое поле родительского продукта. Настраиваемое поле должно меняться в зависимости от выбранного атрибута.

В настоящее время я могу отображать настраиваемое поле родительского продукта, но настраиваемое поле дочернего продукта не изменяется в зависимости от выбранного варианта.

Как настроить настраиваемое поле?

Я попытался установить настраиваемое поле в шаблоне страницы продукта, используя Visual Composer. Но не работает в случае детского продукта. Я нашел приведенный ниже код, который можно использовать в файле function.php, и кажется, что он может удовлетворить мои потребности с некоторой модификацией

add_action( 'woocommerce_variation_options_pricing', 'add_custom_field_to_variations', 10, 3 );
function add_custom_field_to_variations( $loop, $variation_data, $variation ) {
woocommerce_wp_text_input( array(
'id' => 'custom_field[' . $loop . ']',
'class' => 'short',
'label' => __( 'Custom Field', 'woocommerce' ),
'value' => get_post_meta( $variation->ID, 'custom_field', true )
)
);
}

// 2. Save custom field on product variation save

add_action( 'woocommerce_save_product_variation', 'save_custom_field_variations', 10, 2 );
function save_custom_field_variations( $variation_id, $i ) {
$custom_field = $_POST['custom_field'][$i];
if ( isset( $custom_field ) ) update_post_meta( $variation_id,'custom_field', esc_attr( $custom_field ) );
}

// 3. Store custom field value into variation data

add_filter( 'woocommerce_available_variation', 'add_custom_field_variation_data' );
function add_custom_field_variation_data( $variations ) {
$variations['custom_field'] = '<div class="woocommerce_custom_field">Custom Field: <span>' . get_post_meta( $variations[ 'variation_id' ], 'custom_field', true ) . '</span></div>';
return $variations;
}

Добавлен код ниже к варианту. Php

<script type="text/template" id="tmpl-variation-template">
<div class="woocommerce-variation-description">
{{{ data.variation.variation_description }}}
</div>
 
<div class="woocommerce-variation-price">
{{{ data.variation.price_html }}}
</div>
 
<div class="woocommerce-variation-custom_field">
{{{ data.variation.custom_field}}}
</div>
 
<div class="woocommerce-variation-availability">
{{{ data.variation.availability_html }}}
</div>
</script>

1) Пользовательское поле отображается рядом с ценой при выборе варианта. Но я не могу показать поле в других областях страницы продукта. Я добавил пользовательское поле с помощью шорткода, но оно не отображается при выборе варианта.

2) я также собираюсь использовать ссылку, которая содержит шорткод с настраиваемым полем (например, http://www.websitename.com/[product_meta name = custom_field]. Настраиваемое поле для родительского продукта отображается нормально, но для варианта товара оно не отображается или обновление выбора вариантов.

Ссылается с

https://businessbloomer.com/woocommerce-add-custom-field-product-variation/?unapproved=224924&moderation-hash=de32083fe8b29ba15adaf268926fdd83#comment-224924

https://wordpress.stackexchange.com/questions/276941/woocommerce-add-extra-field-to-variation-product?rq=1

Answer 1

Почему бы не использовать вариацию цены? Можно установить цену за вариацию. См. Это изображение в этом разделе этой документации WooCommerce статья

Возможно, у вас есть особый вариант использования, когда вам нужно использовать настраиваемое поле. В этом случае я предлагаю вам проверить этот класс и получить правильный хук для использования.