• Никакой политики на форуме. Иначе - бан!
  • Вопрос без рабочей ссылки на проблему считается риторическим. Без ссылки и скриншота - провокацией!
  • Темы озаглавленные с маленькой буквы или капсом удаляются без предупреждения!

Решено Отображение цены выбраного вариативного товара

sanioklzd

Новичок
Добрый день,

мне нужно что бы в вариативном товаре, выбирая вариант менялась основная цена. Я как бы нашель вариант исплзуя 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;
}

Должно получиться так:

fYIEE.gif


Вариант 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 но как то без изменений
 
Сверху Снизу