Як автоматично оновити кошик при зміні кількості товару [WooCommerce]

Привіт:) У цій короткій замітці покажу, як автоматично оновлювати кошик WooCommerce після зміни у ньому кількості доданого товару.

Для цього відкрийте свій functions.php і додайте наступний код

/**
 * Автоматичне оновлення кошика WooCommerce при зміні кількості товарів
 * 
 * https://www.kobzarev.com/wordpress/woocommerce-autoupdate-cart/
 * 
 */
add_action( 'wp_footer', function() {
    // Перевіряємо, що це сторінка кошика
    if ( ! is_cart() ) {
      return;
    }
    ?>
    <script>
    jQuery( function( $ ) {
      var delay;
      // Вішаємо "слухача"
      $( '.woocommerce' ).on( 'change', 'input.qty', function() {
        if ( undefined !== delay ) {
          clearTimeout( delay );
        }
        // Затримка у півсекунди, щоб не генерувати лишні запити на сервер
        delay = setTimeout(
          function() {
            // Клікаємо на кпоку оновлення Кошика
            $( '[name="update_cart"]' ).trigger( 'click' );
          },
          500
        );
      });
    });
    </script>
    <style>
      /* Ховаємо кнопку */
      .woocommerce [name="update_cart"] {display: none;}
    </style>
    <?php
});

Михайло Петров
Михайло Петров

Мене звати Михайло. Я — WordPress-розробник. Створюю візитки, корпоративні сайти, блоги на WordPress.

Залишити відповідь

Ваша e-mail адреса не оприлюднюватиметься. Обов’язкові поля позначені *