Woocommerce: Настройка страницы оформления заказа

Задача. Необходимо было на странице оформления заказа добавить выбор по типу покупателя: физическое или юридическое лицо. И в зависимости от выбора должны добавляться или скрываться дополнительные поля. Т.е. по умолчанию выбрано Физическое лицо, а при переключении на юридическое — появляются дополнительные поля (ИНН).

Оформление заказа Woocommerce по типу покупателя: физическое или юридическое лицо
Пример оформления заказа Woocommerce по типу покупателя: физическое или юридическое лицо

Решение. В данной ситуации поможет плагин Checkout Manager for WooCommerce (QuadLayers). С помощью него можно добавить переключатель в виде радиокнопок, дополнительные текстовые поля и настроить логику и вывода.

Настройка формы заказа плагином Checkout Manager for WooCommerce

1. Устанавливаем и активируем плагин Checkout Manager for WooCommerce.

2. В админ панели переходим Woocommerce => Настройки => вкладка «Checkout» => в настройках плагина вкладка «Платежный адрес».

3. Добавляем новое поле для переключения типов: Type — Radio; Надпись (Label) — Заказчик; во вкладке Options — «Физическое лицо» и отмечаем по умолчанию; добавляем новую опцию — «Юридическое лицо»; Сохраняемся.

Переключатель с Физического на Юридическое лицо в форме заказа WordPress
Добавляем переключатель с Физического на Юридическое лицо

 

Редактирование полей в форме заказа Woocommerce
Настройка в опциях поля нескольких вариантов

4. Добавляем новое поле «Название компании» или редактируем если по умолчанию оно уже было: Type — Text; Надпись (Label) — Название компании; Условная логика — отмечаем «Activate conditional field requirement.»; Parent (Родитель) — выбираем ранее созданное поле «Заказчик»; ниже «Show field if parent has this value» (Показать поле, если родитель имеет это значение) — Юридическое лицо; Сохраняемся.

Редактирование полей в форме заказа Woocommerce
Добавляем новое поле с условной логикой вывода в форме заказа Wocommerce

5. Аналогично полю «Название компании» создаем поля «ИНН», «КПП» и т.п.

Пример выбора Юридическое лицо, появляются дополнительно поля «Название компании» и «ИНН»
Ссылка на основную публикацию