
Добрый день,
мне нужно что бы в вариативном товаре, выбирая вариант менялась основная цена. Я как бы нашель вариант исплзуя JS только незнаю куда его вставить. Может вы поумнее будете
Вариант 1
JS:
CSS:
Должно получиться так:

Вариант 2
JS:
CSS:
Вариант 3
Вставлял сйуда woocommerce/assets/js/frontend/add-to-cart-variation.js но как то без изменений
мне нужно что бы в вариативном товаре, выбирая вариант менялась основная цена. Я как бы нашель вариант исплзуя JS только незнаю куда его вставить. Может вы поумнее будете
Вариант 1
JS:
JavaScript:
// Update price according to variable price
if ($('form.variations_form').length !== 0) {
var form = $('form.variations_form');
var variable_product_price = '';
setInterval(function() {
if ($('.single_variation_wrap span.price span.amount').length !== 0) {
if ($('.single_variation_wrap span.price span.amount').text() !== variable_product_price) {
variable_product_price = $('.single_variation_wrap span.price span.amount').text();
$('.single-product-summary p.price span.amount').text(variable_product_price);
}
}
}, 500);
}
CSS:
CSS:
.single_variation_wrap .price {
display: none;
}
Должно получиться так:

Вариант 2
JS:
JavaScript:
jQuery(function ($) {
/**
* Change Price Variation to correct position
*/
$('.variations_form').on('woocommerce_variation_has_changed', function () {
$('.wrap-price-variation').empty();
$('.wrap-price-variation').html($('.woocommerce-variation-price .woocommerce-Price-amount').html())
});
});
CSS:
Код:
.woocommerce-variation .woocommerce-variation-price {
display: none;
}
Вариант 3
JavaScript:
jQuery('form.variations_form #size').change(function(){
setTimeout(function() {
jQuery('.price-wrapper .price > .amount').text(jQuery('.woocommerce-variation-price .price > .amount').text());
}, 800);
});
Вставлял сйуда woocommerce/assets/js/frontend/add-to-cart-variation.js но как то без изменений