Свойства объекта
Правая колонка редактора — Свойства. Пока ничего не выбрано, там текст «Выберите элемент на canvas». После клика по объекту появляются настройки.
Блок «Шаблон»
Заголовок раздела «Блок «Шаблон»»Вверху правой панели:
- Имя шаблона — как он отображается в списке и при генерации.
Если объект не выбран
Заголовок раздела «Если объект не выбран»Показывается подсказка выбрать элемент. Кликните по тексту, картинке или фигуре на холсте — либо по строке в слоях.
Общие секции
Заголовок раздела «Общие секции»Привязка
Заголовок раздела «Привязка»| Поле | Зачем |
|---|---|
| Имя | Человекочитаемое имя слоя (product_title) |
| Поле фида | Binding: name, price, picture, param:… |
Подробнее: Привязка полей.
Трансформация
Заголовок раздела «Трансформация»- Позиция (X / Y), ширина, высота, поворот
- Прозрачность (0–100%)
Условия (GroupConditionEditor)
Заголовок раздела «Условия (GroupConditionEditor)»Для любого объекта можно задать правило «показывать только если…»:
- поле существует / не существует
- сравнения
=,≠,>,<, содержит
Пример: плашка «−20%» видна, только если заполнен oldprice.
Для текста
Заголовок раздела «Для текста»| Секция | Настройки |
|---|---|
| Текст | Содержимое / шаблон {{value}} ₽ |
| Типографика | Размер, шрифт, жирный/курсив, выравнивание |
| Обводка | Цвет и толщина контура букв |
| Тень | Цвет, blur, смещение |
Для картинки
Заголовок раздела «Для картинки»| Секция | Настройки |
|---|---|
| Скругление | Скруглённые углы |
| Фильтры | Яркость, контраст, насыщенность |
| Обводка / тень | Рамка и тень вокруг фото |
Binding picture / picture:0 подставляет URL из оффера.
Для фигуры (rect, circle…)
Заголовок раздела «Для фигуры (rect, circle…)»- Заливка — цвет или градиент
- Скругление (для rect)
- Обводка, Тень
Часто используют как цветную плашку под ценой.
Несколько объектов
Заголовок раздела «Несколько объектов»При multi-select:
- Выравнивание — по левому/правому/верху/низу, центр
- Распределение — равномерно по горизонтали/вертикали (от 3 объектов)
Пошагово: настроить цену
Заголовок раздела «Пошагово: настроить цену»- Кликните по цене на холсте (или слой
price). - В Привязке выберите поле
price. - В Типографике задайте размер и шрифт.
- В шаблоне текста:
{{value}} ₽. - Пролистайте офферы превью — цена меняется.
- Сохранить.