Блок Empty cart

Блок Empty cart — это контент, который отображается, когда в корзине нет товаров, обычно сообщение и кнопка «продолжить покупки», чтобы пустой drawer оставался полезным и соответствовал бренду. Он появляется только в пустом состоянии корзины; другие блоки (например, Header) могут находиться рядом с ним в том же состоянии.

• Блок появляется только тогда, когда корзина пуста. Как только покупатель добавляет товар, корзина переключается в заполненное состояние, и этот блок заменяется вашим макетом заполненной корзины.
• В редакторе ссылка CTA неактивна, поэтому клик по ней не уводит вас со страницы во время работы над дизайном.

• Регион: тело.
• Максимум: 1 на состояние корзины.
• Состояние: только пустая корзина. Этот блок не появляется в заполненном состоянии. Новые корзины по умолчанию также включают Header в пустом состоянии; см. Как работают корзины?.
• Добавляется в новые корзины по умолчанию. Не заблокирован — вы можете удалить или скрыть его.

Поддерживает пользовательский шаблон на вкладке Code, который заменяет встроенную разметку этого блока вашим JSX. Вот props, которые он получает. Стилизуйте этот блок через его раздел Design в панели настроек. Это переопределения на уровне блока, которые накладываются поверх вашего глобального дизайна и возвращаются к нему, если оставлены пустыми. Раздел Text в Design позволяет управлять типографикой двух элементов. Используйте селектор Text element, чтобы переключаться между ними. Message — текст сообщения пустого состояния. Полужирное начертание и цвет текста задаются в редакторе форматированного текста выше (на вкладке Settings), а не здесь. Button label — текст на кнопке продолжения покупок. Цвет текста задаётся в разделе Button в Design. Раздел Button позволяет стилизовать кнопку CTA независимо от глобального дизайна кнопок. Используйте переключатель Default / Hover для переключения между двумя состояниями. Что такое настройки дизайна? Узнайте больше здесь: Настройки дизайна.