Навигационная цепочка на сайте под 1С-Битрикс

11 мая 2012
4 120

Навигационная цепочка, более известная как Хлебные крошки (англ. breadcrumbs) -полезный элемент интерфейса, если на вашем сайте есть страницы со вложенностью более 3. Служит для упрощения ориентации посетителя на сайте. И сегодня мы рассмотрим, как добавить Навигационную цепочку на сайт, сделанный на 1С-Битрикс.

Хлебные крошки наглядно демонстрируют, где человек находится относительно главной страницы сайта. Например, если он зашёл в раздел Квесты сайта Мини игры, навигационная цепочка выглядела бы как "Мини игры > Квесты".

Цепочка навигации в 1С-Битрикс

Навигационная цепочка в 1С-Битрикс

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

В нужном месте на сайте появится цепочка ссылок, отмечающих вложенность той страницы, на которой находится пользователь. Изначально они выглядят просто, как набор ссылок через символ ">". Чтобы Навигационная цепочка удачно вписывалась в дизайн сайта, рекомендуется доработать её шаблон.

Вот, что получилось у меня:

Навигационная цепочка в Битрикс

Убираем ссылку с последнего пункта

Теперь решим несколько проблем с Навигационной цепочкой от Битрикс. Дело в том, что конечный пункт цепочки bitrix:breadcrumb выводит как ссылку, а в этом нет смысла, ведь посетитель как раз на этой странице и находится. Чтобы выводить последний пункт без ссылки надо вновь отредактировать шаблон компонента.

Находим в файле template.php строчку

и меняем на

Теперь последний пункт не является ссылкой, но проблемы ещё остались.

Добавляем в навигацию открытую новость

Bitrix:breadcrumb прекрасно обрабатывает разделы сайта и разделы инфоблоков, но при открытии конкретного элемента инфоблока, например, новости из ленты новостей, её название в цепочку не добавляется. Я нашёл два предлагаемых решения проблемы, где-то работает одно решение, где-то другое, а где-то ни одно. Видимо, зависит от настроек обработки адресов и других вещей, связанных с навигацией на вашем сайте.

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

Соответственно, придётся таким образом редактировать и шаблоны других одиночных новостей, если на вашем сайте несколько разделов и в каждом используется свой инфоблок.

Другой вариант - вставка немного другого кода в те же шаблоны... И я не могу теперь вспомнить тот код. Найду - допишу.

Так что тема ещё не закрыта. Оставайтесь с нами!

Related Posts Plugin for WordPress, Blogger...
Рубрики: 1С-Битрикс

Комментируйте - автору важно ваше мнение!

Дополнительно: