Как обновить корзину без перезагрузки?Woocomerce + Wordpress?

Question

[PHPWORD]

Корзина cart.php есть возможность изменить количество товара. Нужно чтоб после смены кол-во сразу менялась итоговая стоимость товара. Сейчас нужно жать кнопку "Обновить корзину"
Пробовал плагин WooCommerce AJAX Cart , но после смены страница просто стала сама обновляться. А нужно проделать то-же только без обновлений.

Answer 1

[Way]

add_action( 'wp_footer', 'cart_refresh_update_qty', 100 );

function cart_refresh_update_qty() {
    if ( is_cart() ) {
        ?>
        <script type="text/javascript">
            jQuery('div.woocommerce').on('change', 'input.qty', function(){
                setTimeout(function() {
                    jQuery('[name="update_cart"]').trigger('click');
                }, 100 );
            });
        </script>
        <?php
    }
}

При изменении значения количества имитируется нажатие на кнопку

Comments

[PHPWORD]

Этот код работает норм. Только с перезагрузкой страницы. При смене товара страница сама обновляется. Как это без перезагрузки сделать?

[Way]

PHPWORD, что значит при смене товара можете скинуть гифку или ссылку на сайт?

[PHPWORD]

При смене количества товара имел ввиду. Вот ссылка raduga.justbro.ru

[PHPWORD]

wayheming, в чем может быть проблема?

[Way]

Странно то что у вас даже по клику на кнопку обновить не работает. Возможно у вас в теме отключено обновление корзины через AJAX попробуйте поставить стандартную тему и проверить как работает там клик по кнопке.

[PHPWORD]

wayheming, а как можно подключить обновления по ajax? и как это проверить? Я тему сам делал.

[Way]

PHPWORD, ну вообщето ето работает у вукомерса по дефолту попробуйте установить стандартную тему и проверить там

[PHPWORD]

wayheming, это могут быть конфликты в плагинах?
В стандартной теме тоже такаже проблема

[PHPWORD]

wayheming, может переустановить вукомерс? это должно помочь?

[Way]

PHPWORD, Может быть из за плагинов. Тут видно как должно работать https://themes.woocommerce.com/storefront/shop/

[PHPWORD]

wayheming, отключал все плагины и переустановил вукомерс. результата никакого. Что можно сделать с этим ?

[Way]

PHPWORD, ну тут уже нужно ковырять тему и вукомерс и смотреть что где не так. Попробуйте изучить как в стандартной темы работает и посмотреть почему у вас нет

Answer 2

[Роман Говоров]

// Ajax обновление корзины
    const ajaxUpdateCartContainer = document.querySelector('div.woocommerce');
    if (ajaxUpdateCartContainer){
        ajaxUpdateCartContainer.addEventListener('change', ({ target }) => {
            target.closest('input.qty');
            document.querySelector('[name="update_cart"]').click();
        });
    }