Выбор товара по цветам плагин Variation Swatches for WooCommerce?

Если Variation Swatches работает в карточке товара и quick view, но на странице магазина кнопки не работают и постоянно показывается Clear, обычно проблема в том, что на архиве товара не инициализируется JavaScript вариаций WooCommerce. В карточке товара есть форма вариаций, а в каталоге тема/плагин выводит упрощённую разметку, и JS не понимает состояние.

Проверьте сначала настройки самого плагина Variation Swatches: у многих таких плагинов есть отдельная опция “Enable on archive/shop page”. Если она выключена или доступна только в Pro, на каталоге swatches будут отображаться, но работать корректно не будут.

Вторая причина — кэш/минификация. Скрипты WooCommerce variations и swatches могут откладываться, объединяться или загружаться после нужного момента. Временно отключите оптимизацию JS и проверьте.

Третья причина — тема выводит товары своим шаблоном и не использует стандартные hooks WooCommerce. Тогда плагин не может нормально встроить форму выбора вариации. Нужно проверить шаблон карточки товара на странице магазина.

Что смотреть в DevTools:

• есть ли JS-ошибки в консоли;
• подключён ли wc-add-to-cart-variation;
• есть ли у карточки форма .variations_form;
• есть ли JSON с вариациями в атрибуте data-product_variations;
• не дублируются ли ID элементов в каждой карточке.

Если на архиве нет полноценной формы вариаций, “Clear” будет появляться некорректно. Тогда либо включайте поддержку archives в плагине, либо выводите выбор вариаций только в карточке/quick view, а на странице магазина оставляйте кнопку “Выбрать параметры”. Это часто лучше по UX и скорости, чем пытаться сделать полноценный выбор вариаций в каждой карточке каталога.