Слои

Каждый объект на холсте — это слой. Панель «Слои» показывает список объектов и позволяет управлять ими без поиска мышкой на canvas.

Как открыть

1. Откройте Редактор.
2. На тулбаре нажмите иконку слоёв (рядом с Undo/Redo и «Сетка»).
3. Внизу (или сбоку) появится список: СЛОИ N и строки объектов.

На демо-шаблоне видно, например:

Слой	Тип	Binding
price	Текст (T)	{{price}}
rect	Фигура (прямоугольник)	—

Что можно делать со слоем

Действие	Как
Выбрать	Клик по строке слоя — объект выделяется на холсте
Порядок вверх/вниз	Стрелки ▲ ▼ — кто «выше», тот перекрывает нижних
Скрыть / показать	Иконка глаза 👁 — скрытый слой не попадает в генерацию
Заблокировать	Замок 🔒 — нельзя случайно сдвинуть
Удалить	Выделить → Delete / Backspace или кнопка корзины на тулбаре

Порядок наложения

• Верх списка (или выше по z-index) = поверх других объектов.
• Фото товара часто кладут ниже текста цены и названия.
• Декоративный фон — самый нижний слой.

Группы

Несколько объектов можно объединить:

1. Выделите объекты (Shift+клик или рамкой).
2. Группа на тулбаре или Ctrl+G / ⌘G.
3. Разгруппировать: Ctrl+Shift+G / ⌘⇧G.

У группы есть условия показа (см. свойства) — например, показывать бейдж «Скидка» только если есть oldprice.

Пошагово: навести порядок

1. Откройте слои.
2. Назовите объекты в свойствах (Имя) — в списке станет понятнее.
3. Расставьте порядок: фон → фото → плашка → цена → логотип.
4. Заблокируйте фон и логотип.
5. Сохраните шаблон.

Горячие клавиши

Клавиша	Действие
Delete / Backspace	Удалить
Ctrl+D	Дублировать
Ctrl+G	Группа
Ctrl+Shift+G	Разгруппировать
Стрелки	Сдвиг на 1 px (с Shift — больше)