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

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

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

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

Причины автоматического изменения атрибутов вариаций

• Стандартный скрипт woocommerce.js обновляет данные вариации по событию выбора.
• PHP-шаблоны темы или плагинов, которые не предусматривают кастомизацию вывода.
• Отсутствие фильтров или хуков для отключения этого поведения.

Пошаговое решение: как отключить автоматическое изменение атрибутов

1. Отключение стандартного скрипта обновления вариаций

Добавьте следующий код в functions.php вашей темы или в кастомный плагин:

add_action('wp_enqueue_scripts', function() {
    wp_dequeue_script('wc-add-to-cart-variation');
}, 100);

Этот код отключит стандартный JavaScript, который отвечает за обновление вариаций на фронтенде.

2. Реализация собственной логики отображения вариаций

Если требуется оставить выбор варианта, но без изменения атрибутов, можно использовать следующий пример скрипта, который отменяет стандартное обновление и выводит выбранный вариант без изменения цены:

jQuery(function($) {
    $('.variations_form').on('woocommerce_variation_select_change', function() {
        // Отменяем стандартное обновление вариации
        return false;
    });
});

3. Фильтрация цены вариаций через PHP

Чтобы предотвратить изменение цены на странице товара при выборе варианта, добавьте фильтр:

add_filter('woocommerce_available_variation', function($variation) {
    // Оставляем цену неизменной, например, фиксируем цену товара
    $variation['display_price'] = $variation['display_regular_price'] = 1999; // фиксированная цена
    return $variation;
});

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

• Обновите страницу товара с вариациями.
• Выберите разные варианты товара.
• Убедитесь, что цена и атрибуты не меняются автоматически.
• Проверьте консоль браузера на отсутствие ошибок JavaScript.
• Если вы добавляли свои скрипты, убедитесь, что они корректно работают.

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

• Ошибка: После отключения wc-add-to-cart-variation не работает добавление в корзину вариаций.
  Решение: При отключении скрипта нужно реализовать свою логику добавления вариаций в корзину или использовать AJAX-запросы вручную.
• Ошибка: Цена не обновляется, хотя это требуется для некоторых вариаций.
  Решение: В фильтре woocommerce_available_variation реализуйте условную логику, которая меняет цену только для нужных вариантов.
• Ошибка: JavaScript ошибки в консоли после изменений.
  Решение: Проверьте корректность синтаксиса и порядок подключения скриптов.

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

• Не отключайте полностью скрипты WooCommerce, если не реализуете альтернативу — это может привести к ошибкам функционала.
• При кастомизации вариаций используйте фильтры WooCommerce, чтобы не ломать логику базы данных и корзины.
• Минимизируйте количество кастомных скриптов, объединяйте и сжимайте их для ускорения загрузки страницы.

Сравнительная таблица методов отключения обновления вариаций