0

Есть такой код:

add_action( 'woocommerce_after_shop_loop_item', 'woocommerce_total_product_price', 31 );
function woocommerce_total_product_price() {
global $woocommerce, $product;
echo sprintf('<div id="product_total_price" style="margin-bottom:20px;">%s %s</div>',__('Product Total:','woocommerce'),'<span class="price1">'.$product->get_price().'</span>');
?>
    <script>
        jQuery(function($){
            var price1 = <?php echo $product->get_price(); ?>,
                currency = '<?php echo get_woocommerce_currency_symbol(); ?>';

            $('[name=quantity]').change(function(){
                if (!(this.value < 1)) {

                    var product_total = parseFloat(price1 * this.value);

                    $('#product_total_price .price1').html( currency + product_total.toFixed(2));

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

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

4
  • Добавьте итоговую html-разметку каталога
    – zhurof
    19 апр 2019 в 6:31
  • Очевидно, что селектор "#product_total_price .price1" одинаков для всех блоков и нужно использовать $(this) с поиском по родителю или сиблингам.
    – noname228
    19 апр 2019 в 6:32
  • @zhurof подправьте пожалуйста код, как должно быть.
    – Lemp
    19 апр 2019 в 6:45
  • @Lemp, да без проблем. Только не зная html-структуры вашего каталога, это будет гадание на кофейной гуще. Хотя-бы ссылку на сайт скиньте
    – zhurof
    19 апр 2019 в 6:47

1 ответ 1

2

Это вместо вашего кода из вопроса:

add_action( 'woocommerce_after_shop_loop_item', 'woocommerce_total_product_price', 31 );
function woocommerce_total_product_price() {
  global $woocommerce, $product;
  $currency = get_woocommerce_currency_symbol();
  $unit_price = $product->get_price();
  echo sprintf('<div style="margin-bottom:20px;">%s %s</div>',__('Product Total:','woocommerce'),'<span class="price1" data-unit-price="'.$unit_price.'">'.$currency.$unit_price.'</span>');
}
?>

А это надо поместить в js-файл темы

jQuery(function($){				
    $('.archive-products').on('change','[name=quantity]',function(){
      var card = $(this).parents('.product-col'),
          currency = card.find('.woocommerce-Price-currencySymbol').text() || '$',
          unitPrice = card.find('.price1').data('unit-price') || 0;

      if(this.value >= 1) {
          var totalPrice = parseFloat(unitPrice * this.value);
          card.find('.price1').text(currency + totalPrice.toFixed(2));
      }
    });
});

1
  • Все работает, спасибо.
    – Lemp
    19 апр 2019 в 9:15

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.