В карточке WooCommerce есть размеры и цвета, но кнопка «В корзину» остаётся неактивной или появляется сообщение о недоступной комбинации. Начните с конкретной вариации: наличие родительской карточки ещё не означает, что любой набор параметров можно купить.

Ниже — порядок проверки для владельца магазина. Он помогает отделить неполный выбор покупателя, ошибку данных и сбой интерфейса. Для каждого шага сохраняйте результат: так следующий специалист сможет повторить проблему.

1. Зафиксируйте точный сценарий

Откройте опубликованную карточку в гостевом окне. Запишите адрес, выбранные параметры, количество, текст сообщения и время проверки. Сравните проблемный вариант с заведомо работающим в том же товаре. Если кнопка работает только у администратора, зафиксируйте это отдельно.

Возьмём учебный пример: футболка имеет размеры M и L, цвета синий и красный. Красная L покупается, синяя M — нет. Это уже полезнее сообщения «магазин сломался»: можно проверить именно синюю M, не менять весь каталог и не затрагивать действующие заказы.

2. Выберите все обязательные параметры

В базовом WooCommerce покупатель должен выбрать все обязательные параметры вариации. Кнопка «Выбрать параметры» в каталоге ведёт к выбору варианта; сама по себе она не означает ошибку. Порядок работы описан в документации WooCommerce о вариативных товарах.

Сбросьте выбор и повторите его по порядку. Не ограничивайтесь цветом, если есть ещё размер. Посмотрите, не скрывается ли дополнительный список ниже экрана на телефоне. Если есть значения по умолчанию, проверьте, что они соответствуют варианту, который действительно продаётся.

3. Сопоставьте параметры с существующей вариацией

В редакторе товара откройте «Данные товара → Вариации». Названия разделов зависят от перевода и версии редактора. Найдите запись с нужным сочетанием атрибутов. Список значений атрибута и список созданных вариаций — разные вещи: после изменения атрибутов проверьте их соответствие.

Если магазин продаёт только красную L и синюю M, не создавайте автоматически все сочетания ради исчезновения сообщения. Сначала согласуйте продаваемый ассортимент. Иначе в проверке появятся варианты, которых нет у продавца.

Проверьте минимальные данные варианта

  • Вариация включена.
  • У неё заполнена обычная цена; пустое поле и нулевая цена — разные значения.
  • Её параметры совпадают с выбранной комбинацией.
  • После правки сохранены изменения вариаций и обновлён товар.

WooCommerce требует цену у вариации: варианты без неё не показываются в магазине. Вариации с обобщённым значением «Любой…» могут пересекаться с более точными записями; при диагностике проверьте порядок и результат выбора, а не добавляйте ещё одну похожую запись.

4. Проверьте, откуда берётся остаток

Учёт может вестись для общего товара или отдельных вариаций. Выясните, откуда получает остаток проблемный вариант, проверьте количество, статус наличия и разрешение предзаказа. Не включайте предзаказ только для обхода ошибки: это меняет условия продажи.

Для учебного примера заведите короткий протокол. Значения ниже условные; подставьте свои реальные данные.

КомбинацияДанные продавцаОжидаемая проверка
Красная LВключена, цена есть, остаток 3Одна штука добавляется с верными параметрами
Синяя MЦена не заполненаИсправить цену по согласованному прайсу и повторить
Красная MТакой вариант не продаётсяМагазин не принимает его как доступный товар

Разделяйте ошибку и ожидаемый отказ. Недоступность отсутствующего варианта — корректный результат. После исправления проверьте и доступную комбинацию, и контрольный отказ.

5. Если данные верны, проверьте интерфейс

Когда выбор не обновляет цену или доступность, запишите ошибки консоли браузера и неудачные запросы во вкладке «Сеть». Сохраните адрес страницы и последовательность действий. Перед передачей снимков удалите персональные данные и ключи доступа.

Для сравнения старой и новой версии страницы используйте порядок проверки кеша WordPress. Очищайте относящийся к изменению кеш и повторяйте один и тот же сценарий; не меняйте одновременно несколько настроек оптимизации.

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

6. Подтвердите результат в корзине

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

Чек-лист приёмки

  • Описаны рабочая и проблемная комбинации.
  • Все обязательные параметры доступны для выбора.
  • Проверены включение, цена и источник остатка вариации.
  • Разрешённые варианты попадают в корзину с правильными данными.
  • Отсутствующие варианты не продаются случайно.
  • Повторная проверка выполнена в гостевом окне и на телефоне.
  • Причина и выполненная правка записаны в протоколе.

Задача для разработчика может выглядеть так: «Товар …, синяя M, количество 1. В редакторе вариант включён, цена заполнена, остаток 5. В гостевом окне после выбора кнопка не активируется; красная L работает. Ошибка консоли … . Проверено в … в …». Такой протокол задаёт воспроизводимый следующий шаг.