Пошаговые сценарии по разделу Страницы

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

Этот документ нужен для практической работы. Здесь собраны типовые сценарии в формате:

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

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

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

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

Если нужен общий обзор интерфейса, вернитесь к:

Если нужен короткий ответ на точечный вопрос, открывайте:

Если проблема уже понятна и нужен диагностический маршрут, открывайте:

1. Как создать новую контентную страницу

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

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

Шаги

  1. Откройте Управление -> CMS -> Страницы.
  2. Нажмите Создать.
  3. В поле Приложение выберите нужное приложение.
  4. В поле Наименование укажите понятное название страницы.
  5. При необходимости выберите Базовая страница.
  6. В поле URL укажите адрес экрана, если страница должна открываться клиентом.
  7. Включите Активирована, если страница уже готовится к работе.
  8. Добавьте первый слот через кнопку Слоты.
  9. Для основного содержимого задайте понятную позицию, например Content.
  10. При необходимости добавьте еще слоты.
  11. Сохраните страницу.

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

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

Результат

В CMS появляется новый экран, который можно дальше наполнять компонентами и проверять в клиентском приложении.

2. Как создать базовую страницу для общих элементов

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

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

Шаги

  1. Откройте Управление -> CMS -> Страницы.
  2. Нажмите Создать.
  3. Выберите нужное приложение.
  4. Укажите понятное название, например Базовая страница.
  5. Поле URL оставьте пустым, если страница нужна только как основа.
  6. Добавьте общие слоты, которые должны повторяться на нескольких экранах.
  7. Для каждого слота задайте понятную позицию:
    • Logo
    • Footer
    • MenuA
    • MenuB
    • другие нужные зоны
  8. При необходимости сразу добавьте в слоты компоненты.
  9. Сохраните страницу.

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

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

Результат

У приложения появляется общая страница-основа, которую можно использовать как базу для нескольких экранов.

Создание базовой страницы
На скриншоте: карточка базовой страницы без собственного адреса экрана, но с наборами общих слотов.

3. Как привязать обычную страницу к базовой странице

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

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

Шаги

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

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

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

Результат

Экран получает общую основу и не требует ручного повторения одинаковых блоков.

4. Как переопределить общий слот на конкретной странице

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

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

Шаги

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

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

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

Результат

Конкретный экран получает собственную версию нужной зоны, не ломая всю общую структуру приложения.

Переопределение слота на дочерней странице
На скриншоте: дочерняя страница, где добавлен собственный слот с той же позицией, что и на базовой странице.

5. Как добавить несколько компонентов в один слот

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

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

Шаги

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

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

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

Результат

Один слот начинает работать как целая контентная зона с несколькими блоками.

6. Как изменить адрес уже существующей страницы

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

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

Шаги

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

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

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

Результат

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

7. Как временно скрыть страницу или слот без удаления

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

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

Вариант 1. Скрыть страницу

  1. Откройте карточку страницы.
  2. Отключите Активирована.
  3. Сохраните страницу.

Вариант 2. Скрыть только слот

  1. Откройте страницу.
  2. Найдите нужный слот.
  3. Отключите переключатель Активирован.
  4. Сохраните страницу.

Результат

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

8. Как проверить страницу перед передачей в работу

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

Шаги

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

Что считать успешным результатом

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