Блок Discount code — это поле ввода, где покупатели могут ввести и применить промокод в корзине, чтобы увидеть скидку ещё до перехода к оформлению заказа.
- При применении код обрезается от пробелов, переводится в верхний регистр и отправляется в Shopify. Поскольку Shopify принимает запрос независимо от того, действителен ли код, блок затем повторно проверяет корзину, чтобы убедиться, что код действительно применился.
- Действителен → поле очищается, и скидка применяется.
- Недействителен → блок показывает «Invalid discount code.»
- То, как код сочетается с другими скидками (автоматические скидки, другие коды), полностью обрабатывается Shopify — блок лишь применяет код.
- Применённые коды отображаются в блоке Summary, а не здесь.
- Область: тело или низ.
- Максимум: 1 на состояние корзины — заполненная корзина и пустая корзина имеют отдельные лимиты.
- Состояние: и заполненная, и пустая.
- По умолчанию не добавлен. Не заблокирован — вы можете удалить или скрыть его.
Поддерживает пользовательский шаблон на вкладке Code, который заменяет встроенную разметку этого блока вашим JSX. Вот пропсы, которые он получает.
Подключите и setDiscountCodeInput, и handleSubmit. Без первого в поле нельзя вводить текст; без второго код никогда не применится.
Оформляйте этот блок в разделе Design его панели настроек. Это переопределения на уровне блока, которые накладываются поверх глобального дизайна и наследуют его, если поля пусты.
Что такое настройки дизайна? Подробнее здесь: Настройки дизайна.