Навигация

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

Далее будут описаны уникальные настройки блоков этого раздела библиотеки, информация о которых отсутствует на страницах раздела «Общие и повторяющиеся».

Табы — это вкладки, в которые можно «помещать» блоки целиком. Каждому табу можно назначить несколько блоков. При нажатии на таб, показываются блоки, которые ему назначены, и скрываются блоки, назначенные другим табам.

Чтобы назначить табу блок, откройте боковое всплывающее окно настроек того блока, который хотите скрывать/показывать при нажатии на таб. Нажмите кнопку-иконку справа от «ID Блока», чтобы скопировать его ID.

Затем, откройте боковое всплывающее окно настроек блока «Навигация: горизонтальные табы». Откройте раздел настроек «Табы». Нажмите на карточку нужного таба, чтобы она раскрылась и вставьте скопированный ID блока в поле для ввода ID блока.

О том, как создавать и настраивать карточки табов в настройках блока вы можете прочитать на странице «Карточки/Пункты» в разделе «Общие и повторяющиеся настройки».

Если хотите назначить табу несколько блоков, вставьте ID блоков через запятую. Пример: block7373528031, block4563653082

Также, у блока «Навигация: горизонтальные табы» есть возможность настроить выравнивание содержимого блока (табов): по левому краю, по центру.

Выравнивание блока — по левому краю.

Выравнивание блока — по центру.

Также, у блока «Навигация: горизонтальные табы» есть возможность добавить и настроить подложку.

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

Форма подложки — Прямая.

Форма подложки — Скругленная.

Форма подложки — Круглая.

Цвет подложки — Синий светлый 10.

Цвет обводки — Синий светлый 80.

Толщина обводки — 4 пикселя.

Толщина обводки — 1 пиксель.

Также, у блока «Навигация: горизонтальные табы» есть возможность отображать выпадающий список на мобильных устройствах вместо табов.

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

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

Также, у блока «Навигация: горизонтальные табы» есть возможность настроить цветовую тему табов.

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

• «Светлая» адаптирована для расположения табов на светлом фоне.

• «Темная» адаптирована для расположения табов на темном фоне.

• «Автоматически» означает, что значение «светлая или темная» зависит от выбранного значения цветовой темы в настройках сайта.

Также, у блока «Навигация: горизонтальные табы» есть возможность настроить размер табов: L, M, S. Где "S" — самый маленький, а "L" — самый большой размер.

Размер табов — L.

Размер табов — M.

Размер табов — S.

Также, у блока «Навигация: горизонтальные табы» есть возможность настроить тип табов: с обводкой снизу, с фоном.

Если выбрать тип табов «С фоном», то появится возможность настроить форму табов: Прямая, Скругленная, Круглая.

Тип табов — «С фоном». Форма табов — Прямая.

Тип табов — «С фоном». Форма табов — Скругленная.

Тип табов — «С фоном». Форма табов — Круглая.

Хлебные крошки — это блок, который используется для отображения структуры вложенных страниц на сайте. Называются так, потому что отображают «пройденный путь».

Чтобы создать пункты хлебных крошек, воспользуйтесь карточками. Как настроить карточки вы можете прочитать на странице «Карточки/Пункты» в разделе «Общие и повторяющиеся настройки».

Также, у блока «Навигация: хлебные крошки c подложкой» есть возможность настроить цветовую тему пунктов.

Цветовая тема пунктов хлебных крошек — это предустановленный набор стилей цвета, адаптированный под расположение пунктов на светлом или на темном фоне. Цветовая тема пунктов может быть: светлая, темная, автоматически.

• «Светлая» адаптирована для расположения пунктов на светлом фоне.

• «Темная» адаптирована для расположения пунктов на темном фоне.

• «Автоматически» означает, что значение «светлая или темная» зависит от выбранного значения цветовой темы в настройках сайта.

Также, у блока «Навигация: хлебные крошки c подложкой» есть возможность настроить размер пунктов: M, S, XS. Где "XS" — самый маленький, а "M" — самый большой размер.

Размер пунктов — M.

Размер пунктов — S.

Размер пунктов — XS.

Также, у блока «Навигация: хлебные крошки c подложкой» есть возможность сделать первый пункт иконкой.

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

Также, у блока «Навигация: хлебные крошки c подложкой» есть возможность настроить цвет стрелки разделителя.

Цвет стрелки разделителя — Красный светлый 80.

Также, у блока «Навигация: хлебные крошки c подложкой» есть возможность настроить цвет фона подложки.

Цвет фона подложки — Синий светлый 10.

Также, у блока «Навигация: хлебные крошки c подложкой» есть возможность настроить форму подложки: Прямая, Скругленная, Круглая.

Форма подложки — Прямая.

Форма подложки — Скругленная.

Форма подложки — Круглая.

У блока «Навигация: хлебные крошки со ссылками» есть все те же настройки, что и у блока «Навигация: хлебные крошки c подложкой». Отличие состоит в том, что данный блок не содержит подложку. Обо всех остальных настройках, а также о том, как создавать и настраивать пункты хлебных крошек вы можете прочитать на странице «Карточки/Пункты» или в разделе «Общие и повторяющиеся настройки».