Пошаговые сценарии по разделу Редактор приложений

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

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

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

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

1. Как быстро проверить витрину перед запуском

Используйте этот сценарий, если:

  • приложение уже настроено
  • нужно быстро проверить его перед показом клиентам
  • важно пройти основной путь клиента без перехода по разным разделам CMS

Шаги

  1. Откройте Управление -> CMS -> Редактор приложений.
  2. Выберите нужное приложение.
  3. Оставьте Режим редактирования выключенным.
  4. Проверьте главную страницу.
  5. Перейдите в каталог.
  6. Откройте карточку товара.
  7. Проверьте корзину.
  8. Проверьте оформление заказа.
  9. Проверьте личный кабинет.
  10. Вернитесь на ключевые информационные страницы, если они используются.

Что проверить

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

Результат

Команда быстро понимает, готова ли витрина к рабочему использованию.

2. Как быстро поменять глобальный стиль приложения

Используйте этот сценарий, если:

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

Шаги

  1. Откройте редактор и выберите приложение.
  2. Оставьте экран на удобной для проверки странице.
  3. В блоке Готовые наборы параметров по очереди откройте:
    • Цвета
    • Шрифты
    • Размеры
    • Скругления
  4. Выберите подходящие готовые наборы.
  5. Сразу смотрите на результат в живом предпросмотре.
  6. Если результата достаточно, нажмите Применить изменения.

На что обратить внимание

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

Результат

Приложение быстро получает обновленный общий внешний вид.

3. Как вручную донастроить цвета и размеры приложения

Используйте этот сценарий, если:

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

Шаги

  1. Откройте приложение в редакторе.
  2. В блоке Глобальная конфигурация приложения откройте Цветовая палитра.
  3. Поменяйте нужные цветовые значения.
  4. Закройте панель или перейдите к следующей настройке.
  5. Откройте:
    • Размеры шрифта
    • Межстрочные интервалы
    • Отступы
  6. Аккуратно скорректируйте значения.
  7. Проверяйте результат прямо на экране.
  8. Нажмите Применить изменения.

Что проверить после применения

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

Результат

Приложение получает более точную ручную настройку общего внешнего вида.

4. Как добавить новый компонент на страницу

Используйте этот сценарий, если:

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

Шаги

  1. Откройте приложение в редакторе.
  2. Перейдите на нужную страницу.
  3. Включите Режим редактирования.
  4. Найдите нужный слот.
  5. Нажмите кнопку +.
  6. Выберите компонент из списка.
  7. Подтвердите добавление.
  8. Дождитесь обновления страницы.
  9. При необходимости сразу откройте новый компонент на редактирование.

Что важно помнить

  • компонент добавляется в начало слота
  • после этого его можно переставить
  • добавление выполняется именно в тот слот, где была нажата кнопка

Результат

Новый блок появляется прямо на выбранной странице.

5. Как поменять содержимое существующего компонента

Используйте этот сценарий, если:

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

Шаги

  1. Откройте нужную страницу в редакторе.
  2. Включите Режим редактирования.
  3. Наведите курсор на нужный компонент.
  4. Нажмите кнопку редактирования данных.
  5. В левой панели измените нужные поля компонента.
  6. Проверьте, как изменения выглядят в предпросмотре.
  7. Нажмите Сохранить.

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

Что проверить после сохранения

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

Результат

Содержимое компонента обновляется без выхода из живого экрана.

6. Как быстро поменять внешний вид одного компонента

Используйте этот сценарий, если:

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

Шаги

  1. Откройте нужную страницу.
  2. Включите Режим редактирования.
  3. Наведите курсор на нужный компонент.
  4. Нажмите кнопку редактирования внешнего вида.
  5. В панели настраиваемых свойств измените нужные параметры.
  6. Если смысл поля или формат значения не очевиден, откройте иконку справки рядом с описанием.
  7. Если нужно, используйте кнопку выбора системного значения.
  8. Проверьте результат на живом экране.
  9. Нажмите Сохранить.

Что особенно удобно в этом сценарии

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

Результат

Компонент получает более точную визуальную настройку без полной перестройки его данных.

7. Как переставить компоненты на странице

Используйте этот сценарий, если:

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

Шаги

  1. Откройте нужную страницу.
  2. Включите Режим редактирования.
  3. Наведите курсор на компонент.
  4. Используйте кнопку перемещения вверх или вниз.
  5. Дождитесь обновления страницы.
  6. При необходимости повторите действие.

Что проверить после перестановки

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

Результат

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

8. Как убрать компонент со страницы, но не потерять его полностью

Используйте этот сценарий, если:

  • блок не нужен на текущей странице
  • его не нужно удалять из системы полностью
  • нужно быстро убрать лишний элемент из витрины

Шаги

  1. Откройте страницу с лишним блоком.
  2. Включите Режим редактирования.
  3. Наведите курсор на компонент.
  4. Нажмите кнопку удаления.
  5. Подтвердите действие.
  6. Дождитесь обновления страницы.

Что важно помнить

  • компонент убирается именно из слота
  • сам компонент остается в системе

Результат

Страница становится чище, а сам компонент можно использовать в другом месте позже.

9. Как перейти из редактора к карточке текущей страницы

Используйте этот сценарий, если:

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

Шаги

  1. Откройте нужную страницу в Live Preview.
  2. Посмотрите на верхнюю часть правой панели.
  3. Нажмите кнопку у названия текущей страницы.
  4. Подтвердите переход, если уверены, что несохраненные данные не нужны.

Результат

Редактор переводит вас в раздел Страницы на карточку именно этого экрана.