Блок «Добавить в корзину» + блок «Варианты»

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

Представленный в WooCommerce 10.0 новый блок «Добавить в корзину + параметры (бета)» — это полностью блочная, настраиваемая форма добавления товара в корзину. Его можно использовать в шаблоне «Отдельный товар» или внутри блока «Отдельный товар», что особенно удобно для сложных товаров и гибкого дизайна.

Возможности

Основные возможности блока:

• Добавление товара в корзину без перезагрузки страницы — процесс становится быстрее и удобнее.
• Мгновенное обновление количества товаров в мини-корзине, блоке «Коллекция товаров» и в этом блоке без обновления страницы.
• Вместо выпадающих списков можно использовать вариант в виде «плашек» (pill), что делает выбор вариантов более наглядным.

Структура блока

По умолчанию блок включает:

• Кнопка «Добавить в корзину» — добавляет настроенный товар в корзину. Можно изменить стиль кнопки (заливка или контур).
• Количество товара (бета) — поле выбора количества перед добавлением в корзину.

В зависимости от типа товара доступны дополнительные элементы выбора:

Вариативные товары

• Выбор вариации: название атрибута (бета) — настраивает отображение атрибута (например, «Цвет», «Размер»). Можно изменить цвета, размеры и типографику в настройках блока.
• Выбор вариации: значения атрибута (бета) — позволяет отображать значения как плашки или выпадающий список.

Динамическое обновление вариаций

В WooCommerce 10.3.0 блок обновлён: при выборе вариации автоматически обновляются связанные элементы товара, включая изображение.

Также блок скрывает поле количества, если выбранная вариация продаётся только по одной штуке.

Группированные товары

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