Omniz

Тип компонента Товарный баннер

Что это за компонент

Товарный баннер - это промо-блок для одного товара в клиентском приложении.

Он отличается от обычного Медиа-баннера тем, что берет основные данные из карточки товара:

  • название
  • изображение
  • цену
  • варианты товара
  • состояние добавления в корзину

Компонент подходит для главного товара на странице, акционного предложения или быстрого входа в покупку.

Карточка компонента Товарный баннер в Omniz
На скриншоте: новая карточка компонента Товарный баннер перед выбором товара и первым сохранением.
Товарный баннер на экране mini app
На скриншоте: товарные карточки и баннер в актуальном каталоге клиентского приложения.

Как он работает

В Omniz пользователь выбирает товар и при необходимости задает отдельное изображение для баннера.

В mini app клиент видит баннер с названием товара, ценой и кнопкой добавления в корзину. Нажатие на сам баннер открывает карточку товара. Нажатие на кнопку добавляет товар в корзину по той же логике, что и товар в каталоге.

Если у товара есть варианты, mini app показывает варианты и использует стандартный выбор варианта перед добавлением в корзину.

Основные поля

Режим отображения

Определяет визуальный макет баннера.

Если выбрано По умолчанию, изображение занимает весь фон баннера. В нижней части поверх изображения название выводится отдельной строкой, а ниже цена и кнопка добавления в корзину стоят в одной линии.

Если выбрано Вертикальный, баннер выглядит как товарный блок с отдельной областью изображения и отдельной областью содержимого.

Товар

Товар, данные которого будут показаны в баннере.

Если товар не выбран, клиентское приложение не показывает содержимое баннера.

Изображение

Отдельная картинка для баннера.

Если поле заполнено, mini app показывает именно это изображение. Если поле не заполнено, используется изображение из товара. Если изображения нет ни в баннере, ни в товаре, отображается заглушка.

Показывать цену

Управляет выводом ценового блока.

По умолчанию цена показывается. Если переключатель выключен, баннер остается без цены.

Можно добавить в корзину

Управляет кнопкой добавления в корзину.

По умолчанию кнопка показывается. Если переключатель выключен, клиент сможет открыть товар по баннеру, но не сможет добавить его в корзину прямо из баннера.

Надпись на кнопке

Текст кнопки до добавления товара в корзину.

Если поле пустое, кнопка в баннере отображается как icon-only.

Надпись после добавления

Текст кнопки, когда товар уже находится в корзине.

Если поле пустое, кнопка в баннере отображается как icon-only.

Настраиваемые свойства

Для внешнего вида компонента доступны свойства:

  • высота, рамка и скругление баннера
  • фон баннера и блока с названием, ценой и кнопкой
  • размещение изображения и сила фоновой подсветки
  • размер и цвет названия и цены
  • оформление кнопки и расстояние между элементами

Если отдельное оформление не выбрано, приложение использует стандартный вид баннера. Изображение показывается целиком, а фон остается прозрачным.

Фоновая подсветка использует тот же механизм, что и карточка товара: приложение анализирует изображение и строит мягкий фон по его цветам.

В списках настроек значение По умолчанию означает, что приложение использует стандартное оформление компонента.