Оформление
Отображение рекомендаций
Отображение задаёт, как выглядит блок: раскладка, карточка, цвета, типографика и адаптивность. Одно отображение можно подключить к нескольким размещениям. Тексты заголовка и кнопки в него не входят — они живут в размещении.
Где в кабинете: Сайт → Товарные рекомендации → Добавить → Отображение. Отображение также можно создать из редактора размещения, а затем открыть в полноценном конструкторе.
Пока в проекте нет ни одной товарной рекомендации, создать отображение нельзя.
Основа дизайна
Выберите готовый пресет или настройте блок вручную:
- раскладку: сетка, список или карусель;
- размеры, фон, границы, скругление и отступы карточек;
- пропорции и режим отображения изображений;
- видимость бренда, названия, цены, старой цены, скидки и кнопки;
- цвета и типографику;
- внешние отступы и расстояния между элементами.
Заголовок блока и текст кнопки задаются в размещении. Если размещение оставило заголовок пустым, он не показывается независимо от видимости в отображении.
Экраны
Переключайтесь между компьютером, планшетом и мобильным экраном. Общие настройки образуют базовый дизайн, а поддерживаемые параметры можно переопределить для конкретного размера экрана. Проверяйте, что текст не обрезается, карточки не становятся слишком узкими, а кнопка остаётся доступной.
Виджет выбирает раскладку по ширине места, в котором встроен, а не только по устройству посетителя. Поэтому он корректно выглядит даже в узкой колонке на широкой странице.
Предпросмотр
В предпросмотре можно выбрать источник демонстрационных товаров и их количество. Он показывает раскладку и оформление, но не моделирует фактическую выдачу, порядок товаров, условия и фильтры конкретного размещения.
Переиспользование
Блок Где используется показывает связанные размещения. Изменение сохранённого отображения применится ко всем ним. Если нужен независимый дизайн, создайте копию отображения и подключите её к нужному размещению.
Используемое отображение нельзя удалить. Архивировать его можно только если все связанные размещения остановлены или архивированы.
Граница текущей версии
В кабинете доступен конструктор отображения. Автоматическое обучение дизайна, выбор лучшего оформления и статистика вариантов не являются доступными возможностями продукта и в настройке не требуются.
Пример отображения
Для блока после описания товара можно выбрать карусель, компактную карточку с изображением, названием, ценой и кнопкой, а на мобильном экране оставить видимой часть следующей карточки — так посетитель понимает, что список можно пролистать.
Готовые сборки вместе с рекомендацией и размещением — в примерах.
Если размещение передаёт данные через JavaScript, отображение не рисуется само. Настройки внешнего вида всё равно могут прийти в подписку — см. JavaScript API.