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

Области видимости

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

Откройте настройки блока, перейдите на вкладку “Страницы” - там вы сможете выбрать:

  • Разделы, где показывать блок
  • Разделы, где блок не показывать
  • Типы страниц, где блок нужен и где не нужен

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

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

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

Зайдите на любую внутреннюю страницу, добавьте в нужное место компонент “Заголовок”, укажите настройку “Брать текст заголовка из настроек страницы”.

Во вкладке “Страницы” выберите титульную страницу сайта в блоке “Разделы, в которых блок не отображается.

Часть страниц сайта одноколоночная, часть имеет слева навигационную колонку

Пусть разделов, где нужна левая колонка, немного. Добавьте “Основную контентную область”, указав ей исключения во вкладке “Страницы”.

На остальные страницы добавьте блок “Контейнер”, указав правильную область видимости. Например, если речь обо всех страницах раздела “О компании”, укажите этот раздел в блоке “Разделы, в которых отображается этот блок”, поставив галочку “включая подразделы”. После этого:

  • Установите параметр “Компоновка списка” (вкладка “Оформление” окна настроек блока) в flexbox. Об этом параметре подробнее ниже;
  • Добавьте в контейнер блок “Универсальное меню”, выберите нужный шаблон, укажите необходимые настройки бизнес-логики и укажите ширину колонки;
  • Добавьте в контейнер справа от меню блок “Основная контентная область”.

На некоторых страницах сайта нужна совершенно другая сетка, даже шапка и подвал не нужны

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

На страницах товарных категорий в левой колонке нужно оглавление текущей ветки структуры каталога и фильтр по товарам, на страницах полного вывода левая колонка не нужна

  • Добавьте на главную страницу каталога товаров контейнер с областью видимости “Каталог, включая подразделы”;
  • Установите параметр “Компоновка списка” в flexbox;
  • Добавьте в него блок “Основная контентная область”.

Слева от нее в контейнер добавьте еще один контейнер без определения компоновки списка. В области видимости укажите каталог с подразделами, сняв галочку “страница объектов” в блоке “Типы страниц”.

Пора переходить к тому, из чего строится сайт - к блокам.