FAQ по разделу Редактор приложений

Для кого и когда нужен этот документ

Этот документ нужен для быстрого ответа на самые частые вопросы по Редактору приложений.

Открывайте его, если нужно:

быстро понять, чем обычный режим отличается от режима редактирования
разобраться, как сохраняются изменения
понять разницу между правкой данных компонента и его внешнего вида
быстро объяснить сотруднику, как пользоваться живым предпросмотром

Связанные документы по разделу:

1. Общие вопросы

Что такое Редактор приложений?

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

Чем Редактор приложений отличается от разделов Приложения, Страницы и Компоненты?

Если говорить просто:

Приложения нужны для общей карточки приложения
Страницы нужны для управления экранами
Компоненты нужны для карточек отдельных блоков
Редактор приложений нужен для быстрой визуальной работы с готовым приложением

Почему этот раздел считается одним из самых важных инструментов CMS?

Потому что он позволяет не только менять настройки, но и сразу видеть результат на живом экране клиента.

Можно ли работать только в Редакторе приложений и не заходить в другие разделы CMS?

Для многих повседневных правок да, но не всегда.

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

2. Живой предпросмотр и режимы работы

Что такое Live Preview?

Это живой экран приложения в формате телефона внутри редактора.

Что можно делать в обычном режиме?

В обычном режиме экран ведет себя как клиентское приложение:

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

Что меняется после включения Режима редактирования?

После включения режима редактирования:

у слотов появляются рамки и кнопка +
у компонентов появляются служебные кнопки при наведении
экран становится рабочей поверхностью для редактирования

Зачем включать режим редактирования, если и так есть живой экран?

Потому что именно в этом режиме можно:

добавлять компоненты
удалять их из слота
переставлять блоки
открывать редактор данных компонента
открывать редактор внешнего вида компонента

Почему в режиме редактирования экран ведет себя не как обычное приложение?

Потому что в этот момент приоритет отдается редактированию структуры, а не обычным клиентским действиям.

3. Глобальная настройка приложения

Что такое Готовые наборы параметров?

Это быстрые готовые варианты для:

цветов
шрифтов
размеров
скруглений

Они нужны, чтобы быстро примерить готовое стилевое направление.

Что такое Глобальная конфигурация приложения?

Это ручная настройка системных параметров приложения.

Через нее настраивают:

палитру
отступы
скругления
толщину шрифта
межсимвольные интервалы
размеры шрифта
межстрочные интервалы
семейства шрифтов

Почему после изменения цветов или размеров предпросмотр уже меняется, а приложение еще не считается сохраненным?

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

Применить изменения

Что делает кнопка Применить изменения?

Она сохраняет глобальные изменения приложения.

Без нее временный результат в предпросмотре не стоит считать окончательно записанным.

4. Работа с компонентами

Какие кнопки появляются у компонента при наведении?

Обычно появляются:

редактирование данных
редактирование внешнего вида
удаление из слота
перемещение вверх
перемещение вниз

Что делает кнопка редактирования данных компонента?

Она открывает полный редактор самого компонента.

Через него меняют:

тексты
состав элементов
баннеры
товары
меню
другие данные конкретного блока

В панели редактора поля компонента идут друг за другом в одну колонку. Так удобнее читать и заполнять данные внутри рабочего экрана с живым предпросмотром.

Что делает кнопка редактирования внешнего вида компонента?

Она открывает редактор настраиваемых свойств блока.

Через него меняют:

отступы
размеры
цвета
скругления
другие визуальные параметры

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

Чем отличается редактирование данных компонента от редактирования его внешнего вида?

Если говорить совсем просто:

редактирование данных меняет содержание блока
редактирование внешнего вида меняет его оформление

Что делает кнопка удаления компонента?

Она убирает компонент из текущего слота.

Сам компонент при этом остается в системе и может использоваться дальше.

Что делают кнопки вверх и вниз?

Они меняют порядок блока внутри текущего слота.

5. Работа со слотами

Что такое слот в редакторе приложений?

Это зона страницы, в которую ставятся компоненты.

Что показывает подпись слота?

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

Что делает кнопка + у слота?

Она открывает добавление нового компонента в этот слот.

Куда добавляется новый компонент?

Новый компонент добавляется в начало выбранного слота.

После этого его при необходимости можно переставить.

6. Сохранение и отмена

Сохраняются ли все изменения автоматически?

Нет.

У разных действий разная логика сохранения.

Как сохраняются глобальные изменения приложения?

Через кнопку:

Применить изменения

Как сохраняются изменения конкретного компонента?

Через кнопку:

Сохранить

внутри открытой панели компонента или панели его настраиваемых свойств.

Можно ли отменить изменения?

Да, в некоторых панелях редактор показывает отдельную кнопку отмены изменений.

Что будет, если закрыть панель без сохранения?

Это зависит от сценария:

для компонента несохраненные изменения обычно не должны считаться сохраненными
для глобальной настройки лучше не считать результат окончательно сохраненным, пока не нажата кнопка Применить изменения

7. Навигация и переходы

Зачем в верхней части предпросмотра показано название страницы?

Чтобы сотрудник понимал, какой экран сейчас открыт.

Что делает кнопка у названия текущей страницы?

Она позволяет перейти к карточке этой страницы в разделе Страницы.

Перед переходом редактор предупреждает о риске потерять несохраненные данные.

Когда полезно переходить из редактора в карточку страницы?

Например, если:

нужно детально работать со страницей
нужно открыть структуру страницы вне живого экрана
нужно перейти к более глубокой настройке

8. Практические вопросы

С чего лучше начинать работу в редакторе?

Обычно самый удобный порядок такой:

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

Когда лучше сначала менять глобальный стиль, а когда компонент?

Если нужно повлиять на приложение в целом, лучше начинать с глобального стиля.

Если проблема локальная и касается одного блока, лучше работать с конкретным компонентом.

Нужно ли после правки еще раз смотреть приложение в обычном режиме?

Да. Это лучший способ проверить, как результат выглядит без служебных рамок и кнопок.