140  /  359

Цепочка навигации

Просмотров: 2813 (Статистика ведётся с 06.02.2017)

Цепочка навигации позволяет пользователю ориентироваться, где на сайте он находится в данный момент. Она очень полезна при разветвленной структуре сайта.

Размещение компонента

  • Откройте для редактирования шаблон тестового сайта.
  • Найдите и удалите код, имитирующий цепочку навигации на шаблоне сайта, расположенную между
    <!-- #Begin_nav -->
    <!-- #End_nav -->
В визуальном редакторе
  • Перенесите на место между метками код вызова компонента Навигационная цепочка Компонент выводит навигационную цепочку в шаблоне. Настройки этого компонента позволяют регулировать уровень вложенности разделов (корень сайта - ноль), начиная с которого начнет выводиться навигационная цепочка. Также возможно переопределить путь, для которого цепочка будет построена и т.д. Компонент является стандартным и входит в дистрибутив модуля.

    В визуальном редакторе компонент расположен по пути: Служебные > Навигация > Навигационная цепочка.

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

    Описание компонента «Навигационная цепочка» в пользовательской документации.
    (breadcrumb) из документации.

Кастомизация шаблона

Цепочка отображена, но ее вид не соответствует оформлению сайта. Повторим процесс «подгонки». Правда, оговоримся сразу, активную ссылку красным (как это у нас в дизайне) можно сделать только в том случае, если в шаблоне написать условие php: если ссылка последняя, то выделить цветом. Мы этим заниматься не будем, пусть это будет домашним заданием. Поэтому последняя ссылка останется у нас серой.

Примечание: последнюю ссылку можно выделять с помощью CSS, используя псевдокласс: last-child.

  • Скопируйте шаблон Цепочки навигации.
  • Откройте для редактирования файл CSS.
  • Используя за основу файл CSS левого меню, отредактируйте отображение Цепочки навигации.
8
Курсы разработаны в компании «1С-Битрикс»

Если вы нашли неточность в тексте, непонятное объяснение, пожалуйста, сообщите нам об этом в комментариях.
Развернуть комментарии