Skip to main content
Блок Discount code — это поле ввода, где покупатели могут ввести и применить промокод в корзине, чтобы увидеть скидку ещё до перехода к оформлению заказа.
Блок кода скидки с полем ввода и кнопкой Apply в выдвижной корзине

Поведение

  • При применении код обрезается от пробелов, переводится в верхний регистр и отправляется в Shopify. Поскольку Shopify принимает запрос независимо от того, действителен ли код, блок затем повторно проверяет корзину, чтобы убедиться, что код действительно применился.
    • Действителен → поле очищается, и скидка применяется.
    • Недействителен → блок показывает «Invalid discount code.»
  • То, как код сочетается с другими скидками (автоматические скидки, другие коды), полностью обрабатывается Shopify — блок лишь применяет код.
  • Применённые коды отображаются в блоке Summary, а не здесь.

Настройки

Размещение и ограничения

  • Область: тело или низ.
  • Максимум: 1 на состояние корзины — заполненная корзина и пустая корзина имеют отдельные лимиты.
  • Состояние: и заполненная, и пустая.
  • По умолчанию не добавлен. Не заблокирован — вы можете удалить или скрыть его.

Пользовательский шаблон

Поддерживает пользовательский шаблон на вкладке Code, который заменяет встроенную разметку этого блока вашим JSX. Вот пропсы, которые он получает.
Подключите и setDiscountCodeInput, и handleSubmit. Без первого в поле нельзя вводить текст; без второго код никогда не применится.

Дизайн

Оформляйте этот блок в разделе Design его панели настроек. Это переопределения на уровне блока, которые накладываются поверх глобального дизайна и наследуют его, если поля пусты. Что такое настройки дизайна? Подробнее здесь: Настройки дизайна.