Skip to main content
Блок Image отображает одно изображение внутри drawer-корзины (значок доверия, рекламную графику или размещённый пресет, например полосу иконок способов оплаты), чтобы добавить корзине визуальной уверенности или продвижения — либо загрузив собственное изображение, либо вставив готовый пресет.
Блок Image, отображающий размещённое изображение или пресет внутри drawer-корзины

​
Поведение

  • Если не заданы ни изображение, ни пресет, блок ничего не отображает в живой корзине. В редакторе он показывает заглушку «Add an image», чтобы блок оставался доступным для выбора.

​
Настройки

Когда вы выбираете пресет, он заменяет любое загруженное изображение, а собственный alt-текст пресета используется, если вы оставите поле Alt text пустым.

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

  • Регион: любой (верх, тело или низ).
  • Максимум: 3 на состояние корзины — заполненная и пустая корзина получают каждая свой лимит.
  • Состояние: и заполненная, и пустая корзина.
  • Не добавляется по умолчанию. Не заблокирован — вы можете удалить или скрыть его.

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

Поддерживает пользовательский шаблон на вкладке Code, который заменяет встроенную разметку этого блока вашим JSX. Вот props, которые он получает.
altText может быть пустым. Отображайте alt="", а не опускайте атрибут, чтобы изображение считалось декоративным. maxHeight и fullWidth — это значения, которые вы применяете в собственных стилях; шаблон не применяет их за вас.

​
Дизайн

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