117  /  331

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

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

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

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

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

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

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

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

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

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