Как настроить хлебные крошки Path Breadcrumb

Хлебные крошки – это один из видов навигации по сайту. С их помощью можно отследить свое положение на сайте и вернуться к предыдущим страницам в один клик. Хлебные крошки активно используются интернет-магазинами, если зайти на такой сайт, то увидим что-то подобное:

Хлебная крошка интернет-магазина

Как установить Path Breadcrumb

Скачать Path Breadcrumb можно с официального сайта, устанавливаем “Модули -> Установить новый модуль”, активируем.  После чего, я советую поставить русификацию на модуль, что бы улучшить восприятие и понимание работы с модулем. Как именно устанавливать русификацию, я рассказывал в статье (Как установить русский язык).

Так же, нам понадобится модуль Entity API для работы с Path Breadcrumb

Активация модуля

Как настроить Path Breadcrumb

Теперь, в структуре у нас появился новый пункт Path Breadcrumb (/admin/structure/path-breadcrumbs). Если у кого-то не появилось – проверьте права пользователей, возможно Вам нужно будет установить права на использование этого модуля.

Админ панель

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

Первая страница Path Breadcrumb

1) На первой странице нас просят задать имя хлебной крошки и указать путь. Если с названием все понятно, то с путем все немного сложнее. У нас на сайте много статей и создавать абсолютно для каждой нет смысла, так как статьи будут появляться все новые и новые, мы ведь не будем каждый раз создавать крошки для них. Друпал в этом предусмотрел этот ньюанс и упростил нам жизнь, он предлагает сделать хлебную крошку для типа материала, тем самым, создавая новую статью, хлебные крошки будут браться с одного места. Давайте пропишем в путь “node/%node” и нажмем продолжить.

Вторая страница настройки Path Breadcrumb

2) На второй странице нас просят присвоить аргумент нашей крошке, нужно сделать так, что бы друпал понимал почему эта крошка должна отображаться на таких-то страницах. Нажимаем кнопку “Изменить” и выбираем “Содержимое: ID” , так как при создании статьи, ей присваивается свой ID номер, пускай тогда на этот ID номер и ссылается аргумент.  

Выбор

Переходим на следующую страницу.

Третья страница настройки Path Breadcrumb

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

Выбор

Выбираем “Содержимое:Bundle” и жмем добавить, у нас откроется подобная страница. Здесь как мы видим нам подтянулись все наши типы материалов, мы можем выбрать как все типы материалов и применим эту крошку для всех, либо выберем только определенную, что, я собственно и сделал.

Четвертая страница настройки Path Breadcrumb

4) Самое интересное – это четвертая страница, здесь можно задать то, что будет выводится на страницах.

Нас интересуют лишь “Заголовок ссылки” и “Путь ссылки”. Давайте сделаем так, что бы на страницах со статьями отображалась хлебная крошка такого вида “Главная -> Название CMS -> Название меню -> Название статьи”

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

%node:field-cms:name

Так же, можем дать пользователю возможность перейти по этой ссылке, в поле “Путь ссылки” зададим адрес к странице термина таксономии

%node:field-cms:url

заполнение полейПока что у нас получается так (как изменить HOME на Главную я расскажу чуть позже).

Хлебная крошка

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

%node:field-category:name  и  %node:field-category:url

Можем посмотреть, что у нас получилось:

Хлебная крошка

Осталось последнее, добавить заголовок статьи в крошку и у нас все готово. Так же, создаем новое поле и прописываем в заголовок

%node:title  и  <none>

Почему  <none>, потому как пользователь уже будет находится на этой станице и ему не к чему переходить к ней снова.  На этом дальнейшие настройки заканчиваются. Финальная настройка Path Breadcrumb выглядит таким образом:

Теперь можем сохранить нашу хлебную крошку и увидеть, что  у нас получилась красивая хлебная крошка

Хлебная крошка

Как же написать вместо “Home” – “Главная”, очень просто, находясь на главной странице модуля справой стороны есть 2 вкладки, переходим на вкладку «Настройки строки навигации», опускаемся почти вниз страницы и переименовываем слово “Home” в разделе “ Название ссылки на главную страницу”, вот и все.

Строка навигации

Название ссылки

P.S. Существует еще несколько разновидностей Path Breadcrumb под названием Custom Breadcrumb, может кому-то данный модуль покажется легче чем описанный в этой статье, но в нем есть ряд недостатков, которыми он проигрывает, как для простого сайта он подойдет, но для реализации более сложный хлебных крошек он вас подведет.