Как сделать анимированую цену которая меняется в зависимости от кол-ва товара?

Question

[DMax921]

Здравствуйте друзья!
Подскажите пожалоста, может кто-то встречал такое, что когда меняешь кол-во товара то цена умножается?
Ищу плагины и не могу найти, может кто-то в курсе?
Заранее спасибо!

Comments

[DMax921]

Я наверное не правильно объяснил...
В карточке товара есть цена и -/+ кол-ва товара. при нажатии на плюс, я выбираю 2 единицы товара и цена меняется со 100 до 200 и клиент сразу видит сколько он заплатит если выберет 2 или 3 единицы...
Такое есть во многих магазинах, кроме моего будущего(

Answer 1

[Пычев Анатолий]

За плагин не знаю, но если я правильно понял, то
можно в functions.php
подключаешь хук сохранения товара из админки, проверяешь количество и изменяешь цену на требуемый множитель. В общем все в пределах одной функции, может плагин и не нужен.

Answer 2

[Юрий Янин]

По моему мнению у вас очень неправильно сформулирована задача. Бью наугад. Вы можете на jq выхватывать значение поля с количеством товара и таким образом анимированно менять значение цены. Для этого берём цену единицы товара и умножаем на количество, и делаем изменение текущей общей цены, до нового значения с анимацией. Но! это будет как фокус для вас, так как woocommerce в своей изначальной сборке не запускает автоматическое обновление значений на самом деле. Поэтому после выполнения анимации вам также нужно будет стригерить click по кнопке "обновить корзину"

Comments

[DMax921]

Вот нашел решение

// we are going to hook this on priority 31, so that it would display below add to cart button.
add_action( 'woocommerce_single_product_summary', 'woocommerce_total_product_price', 31 );
function woocommerce_total_product_price() {
    global $woocommerce, $product;
    // let's setup our divs
    echo sprintf('<div id="product_total_price" style="margin-bottom:20px;display:none">%s %s</div>',__('Product Total:','woocommerce'),'<span class="price">'.$product->get_price().'</span>');
    echo sprintf('<div id="cart_total_price" style="margin-bottom:20px;display:none">%s %s</div>',__('Cart Total:','woocommerce'),'<span class="price">'.$product->get_price().'</span>');
    ?>
        <script>
            jQuery(function($){
                var price = <?php echo $product->get_price(); ?>,
                    current_cart_total = <?php echo $woocommerce->cart->cart_contents_total; ?>,
                    currency = '<?php echo get_woocommerce_currency_symbol(); ?>';

                $('[name=quantity]').change(function(){
                    if (!(this.value < 1)) {
                        var product_total = parseFloat(price * this.value),
                        cart_total = parseFloat(product_total + current_cart_total);

                        $('#product_total_price .price').html( currency + product_total.toFixed(2));
                        $('#cart_total_price .price').html( currency + cart_total.toFixed(2));
                    }
                    $('#product_total_price,#cart_total_price').toggle(!(this.value <= 1));

                });
            });
        </script>
    <?php
}

Но проблема в том, что этот код не добавляет разделитель тысячи, выходит так 1000.00 а нужно 1,000.00
Может поможете??