Перейти к содержимому

Свойства объекта

Правая колонка редактора — Свойства. Пока ничего не выбрано, там текст «Выберите элемент на canvas». После клика по объекту появляются настройки.

Редактор: правая панель свойств

Вверху правой панели:

  • Имя шаблона — как он отображается в списке и при генерации.

Показывается подсказка выбрать элемент. Кликните по тексту, картинке или фигуре на холсте — либо по строке в слоях.

ПолеЗачем
ИмяЧеловекочитаемое имя слоя (product_title)
Поле фидаBinding: name, price, picture, param:…

Подробнее: Привязка полей.

  • Позиция (X / Y), ширина, высота, поворот
  • Прозрачность (0–100%)

Для любого объекта можно задать правило «показывать только если…»:

  • поле существует / не существует
  • сравнения =, , >, <, содержит

Пример: плашка «−20%» видна, только если заполнен oldprice.

СекцияНастройки
ТекстСодержимое / шаблон {{value}} ₽
ТипографикаРазмер, шрифт, жирный/курсив, выравнивание
ОбводкаЦвет и толщина контура букв
ТеньЦвет, blur, смещение
СекцияНастройки
СкруглениеСкруглённые углы
ФильтрыЯркость, контраст, насыщенность
Обводка / теньРамка и тень вокруг фото

Binding picture / picture:0 подставляет URL из оффера.

  • Заливка — цвет или градиент
  • Скругление (для rect)
  • Обводка, Тень

Часто используют как цветную плашку под ценой.

При multi-select:

  • Выравнивание — по левому/правому/верху/низу, центр
  • Распределение — равномерно по горизонтали/вертикали (от 3 объектов)
  1. Кликните по цене на холсте (или слой price).
  2. В Привязке выберите поле price.
  3. В Типографике задайте размер и шрифт.
  4. В шаблоне текста: {{value}} ₽.
  5. Пролистайте офферы превью — цена меняется.
  6. Сохранить.