WooCommerce: как изменять стоимость товара в корзине по условиям без перезагрузки страницы

Диагностика проблемы с изменением стоимости товаров в корзине

В стандартном WooCommerce изменение стоимости товара в корзине требует перезагрузки страницы, что неудобно для пользователя и снижает конверсию. Часто возникает задача динамически корректировать цену в зависимости от условий (количество, пользовательская роль, акции) без лишних обновлений.

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

Пошаговое решение: динамическое изменение цены товара в корзине с использованием AJAX

1. Добавление серверной логики изменения цены через хук woocommerce_before_calculate_totals

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

add_action('woocommerce_before_calculate_totals', 'custom_dynamic_price_in_cart', 10, 1);
function custom_dynamic_price_in_cart( $cart ) {
    if ( is_admin() && ! defined( 'DOING_AJAX' ) ) return;

    foreach ( $cart->get_cart() as $cart_item_key => $cart_item ) {
        $quantity = $cart_item['quantity'];
        $original_price = $cart_item['data']->get_regular_price();

        // Пример условия: скидка 10% если товара больше 3-х
        if ( $quantity > 3 ) {
            $new_price = $original_price * 0.9;
            $cart_item['data']->set_price( $new_price );
        } else {
            $cart_item['data']->set_price( $original_price );
        }
    }
}

2. Обновление корзины без перезагрузки через AJAX

WooCommerce уже содержит AJAX для обновления корзины, но нужно вызвать обновление вручную после изменения количества товара. Для этого добавьте JavaScript в файл темы или через wp_footer:

jQuery(function($){
    $('form.woocommerce-cart-form').on('change', 'input.qty', function(){
        // Автоматическое обновление корзины
        $('button[name="update_cart"]').prop('disabled', false).trigger('click');
    });
});

Если хотите более плавное обновление без кнопки, можно использовать AJAX-запрос напрямую, но стандартного вызова кнопки обновления корзины обычно достаточно.

3. Проверка работы сессии и кеширования

Убедитесь, что у вас не включены агрессивные кэш-плагины, которые могут мешать AJAX-запросам. Также проверьте, что у пользователя включены cookie и сессии работают корректно.

Проверка результата после внедрения

• Добавьте товар в корзину.
• Измените количество товара более 3.
• Убедитесь, что после изменения количества цена пересчитывается с 10% скидкой без перезагрузки страницы.
• Проверьте, что при количестве меньше или равном 3 цена возвращается к обычной.

Частые ошибки и как их исправить

• Цена не меняется после изменения количества: возможно, не срабатывает хук woocommerce_before_calculate_totals. Проверьте, нет ли конфликтов с другими плагинами, которые модифицируют цены.
• Обновление корзины происходит с перезагрузкой страницы: убедитесь, что JavaScript корректно подключен и кнопка обновления корзины вызывается через AJAX, а не обычным сабмитом.
• Кэширование мешает обновлению цен: отключите кэширование для страниц корзины и оформления заказа либо настройте исключения.
• Цена меняется глобально для товара: используйте $cart_item['data']->set_price() внутри цикла по корзине, а не изменение цены товара в базе.

Практические советы по производительности и безопасности

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

Сравнение вариантов реализации изменения цены в корзине