Как отключить AJAX в WooCommerce и решить проблемы с корзиной

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

AJAX в WooCommerce отвечает за обновление корзины и других элементов без перезагрузки страницы. Однако иногда его работа вызывает баги: не обновляется количество товаров в корзине, не работает добавление товара, или появляются конфликты с кастомными скриптами и плагинами. Чтобы понять, связана ли проблема с AJAX, выполните следующие шаги:

• Откройте консоль браузера (F12 – Console) и проверьте наличие ошибок JavaScript.
• На странице товара или корзины попробуйте добавить товар и посмотрите, обновляется ли корзина без перезагрузки.
• Отключите все сторонние плагины, кроме WooCommerce, и смените тему на стандартную (Storefront) для исключения конфликта.
• Проверьте, включен ли AJAX в настройках темы или плагина, если такая опция есть.

Пошаговое отключение AJAX в WooCommerce

Если AJAX вызывает проблемы, его можно отключить для корзины и кнопки «Добавить в корзину». Это улучшит совместимость, хоть и потребует полной перезагрузки страницы при добавлении товара.

1. Отключение AJAX для кнопки «Добавить в корзину» на страницах магазина и архивах

add_filter('woocommerce_product_add_to_cart_url', 'disable_ajax_add_to_cart_url', 10, 2);
function disable_ajax_add_to_cart_url($url, $product) {
    return $product->is_type('simple') ? $product->get_permalink() : $url;
}

add_filter('woocommerce_product_add_to_cart_text', 'disable_ajax_add_to_cart_text', 10, 2);
function disable_ajax_add_to_cart_text($text, $product) {
    return 'Добавить в корзину';
}

Этот код убирает AJAX-обработчик на кнопках «Добавить в корзину» для простых товаров, перенаправляя на страницу товара с обычной отправкой формы.

2. Отключение AJAX обновления корзины в шапке и виджетах

add_action('wp_enqueue_scripts', 'dequeue_woocommerce_cart_fragments', 11);
function dequeue_woocommerce_cart_fragments() {
    wp_dequeue_script('wc-cart-fragments');
}

Скрипт wc-cart-fragments отвечает за AJAX-обновление корзины в шапке и виджетах. Отключение этого скрипта заставит корзину обновляться только после перезагрузки страницы.

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

После внесения изменений:

• Очистите кеш браузера и сайта (если установлен плагин кэширования).
• Добавьте товар в корзину с разных страниц и убедитесь, что страница перезагружается, а количество в корзине обновляется корректно.
• Проверьте консоль браузера на отсутствие ошибок JavaScript.
• Проверьте работу корзины на мобильных устройствах.

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

• Корзина не обновляется после добавления товара: возможно, кеширование страницы блокирует динамическое обновление. Решение – исключить страницы корзины и магазина из кеширования.
• Ошибки JavaScript при отключении wc-cart-fragments: проверьте, не зависят ли ваши кастомные скрипты от этого скрипта. При необходимости адаптируйте их.
• Кнопка «Добавить в корзину» не работает: убедитесь, что ссылка ведет на страницу товара, а не на пустой URL.

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

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

Сравнение вариантов отключения AJAX в WooCommerce