Как сделать «хлебные крошки» или «breadcrumbs» в Joomla.
Как добавить хлебные крошки (навигатор) в Joomla (Кейс #5).

Часто мне задают вопрос: как сделать так называемые «хлебные крошки» или «breadcrumbs» в Joomla. Данное название не всем знакомо, но все встречали их в интернете. Пример хлебных крошек можно увидеть на рисунке слева. В Joomla  создать такой навигатор очень легко. Это делается стандартными средствами. Из кейса вы узнаете как.

Порядок следующий:

1) Поскольку хлебные крошки в Joomla являются модулем, в первую очередь нужно определиться с позицией, в которой этот модуль будет выводиться. Позиция для навигатора есть не во всех шаблонах Joomla. Поэтому выполняем действие 7 из статьи 12 действий, которые нужно сделать сразу после установки Joomla и смотрим все доступные позиции. В идеале, вам нужно подобрать позицию, которая находится непосредственно над статьей, хотя, в зависимости от дизайна и вкуса, вы можете выбрать и другую позицию.

После выбора позиции не забудьте отключить просмотр позиций модулей Joomla.

2) Переходим в менеджер модулей Joomla, нажимаем кнопку «Создать» и выбираем модуль с названием «Навигатор сайта». После этого откроется окно настроек нового модуля:

Навигатор сайта

3) В настройках помимо названия модуля нужно указать:

  • Позицию модуля, которую мы определили в п.1.
  • Название главной страницы. Обычно здесь пишут «Главная».
  • Разделитель текста. Это символ, который будет разделять элементы навигации. Обычно используется «/».
  • Чтобы не показывать навигатор на главной странице (зачем он нам там нужен?), переходим на вкладку «Привязка к пунктам меню», выбираем опцию «На всех страницах, кроме указанных» и отмечаем пункт меню, который является главной страницей сайта.

После выполнения всех указанных действий, сохраняем модуль и любуемся на результат:

Joomla breadcrumbs

Понравилась статья? Сохраните себе на стену:

Ваша оценка материала очень важна для нас. Просим вас оценить статью или оставить отзыв в комментариях.

Комментарии  

-2 # RE: Как добавить хлебные крошки (навигатор) в Joomla (Кейс #5).Михаилыч 05.02.2015 11:13
Ну это только полные нули могут задавать вопрос как добавить breadcrumbs в joomla :-)
Ответить | Ответить с цитатой | Цитировать
+2 # RE: Как добавить хлебные крошки (навигатор) в Joomla (Кейс #5).Wedal 09.02.2015 09:21
Михаилыч, кейс для новичков. Вспомните себя, когда только начинали :-)
Ответить | Ответить с цитатой | Цитировать
0 # Как добавить хлебные крошкиnvzuser 02.03.2015 06:13
Добавил: ерунда получилась. Дублируются категории: Главная/Категория 2/Категория 1/ Категория 2/ Последний пункт
Ответить | Ответить с цитатой | Цитировать
0 # RE: Как добавить хлебные крошкиWedal 03.03.2015 04:30
nvzuser, используете стандартные материалы Joomla? Материалы(или категории) привязаны к пунктам меню?
Ответить | Ответить с цитатой | Цитировать
0 # 0 # RE: Как добавить хлебные крошкиnvzuser 03.03.2015 05:03
Спасибо за ответ и внимание. Есть Категория 1, в которую входят категории 1.1 и 1.2. К категориям 1.1 и 1.2 привязаны материалы. Категория 1 выведена как блог категории. Что значит стандартные материалы? Breadcrumbs - родной от Джумла 3.4
Ответить | Ответить с цитатой | Цитировать
0 # 0 # RE: Как добавить хлебные крошкиWedal 04.03.2015 04:43
nvzuser, "стандартные материалы" означает, что они созданы через стандартный компонент материалов Joomla (com_content), а не сторонний компонент вроде K2.
Попробуйте создать для категорий 1.1 и 1.2 пункты меню(если они выпадают из дизайна, можно поместить их в отдельное меню, которое не будет публиковаться на сайте через модуль) типа блог категории и посмотреть на результат.
Ответить | Ответить с цитатой | Цитировать
0 # Глюк навигатораAdems 19.04.2015 17:22
Здравствуйте после последнего обновления на версию 3.4.1 перестал корректно работать навигатор во всех ссылках формирует окончание ?layout=category Как от этого избавиться не подскажите? На форуме посоветовали выключить кэш крошек, но не помогло.
Ответить | Ответить с цитатой | Цитировать
0 # RE: Глюк навигатораWedal 20.04.2015 03:31
Adems, вот прямо во всех ссылках? А если открыть любой пункт меню?
Ответить | Ответить с цитатой | Цитировать
0 # RE: Глюк навигатораAdems 20.04.2015 08:36
Да во всех кроме главной. По меню всё нормально. Спасибо разобрался уже я одновременно joomshoping обновлял оказалось баг в последней версии ДЖ здесь ни причём.
Ответить | Ответить с цитатой | Цитировать
0 # RE: Как добавить хлебные крошки (навигатор) в Joomla (Кейс #5).Bahus 08.02.2016 08:53
Как крошки вывести под тайтлом? Выбираю позицию шаблона bredcams и ничего в статьях нет. В сайдбаре есть, но коряво.

P.S. Разобрался с позицией.
P.S.S. Почему может выводить не в одну строку, а каждый элемент в своей строке?
Ответить | Ответить с цитатой | Цитировать
0 # RE: Как добавить хлебные крошки (навигатор) в Joomla (Кейс #5).Станислав 09.07.2016 09:48
Здравствуйте,
есть ссылка: сайт/категория1/категория2
когда переходим в материал категории2, в хлебных крошках исчезает категория1, и получается:
сайт/категория2/статья
Необходимо, чтобы ссылка была сайт/категория1/категория2/статья.
Подскажите, где поправить?
Ответить | Ответить с цитатой | Цитировать
0 # RE: Как добавить хлебные крошки (навигатор) в Joomla (Кейс #5).Wedal 11.07.2016 05:42
Станислав, не уверен, что сработает - давно так не делал, но попробуйте вот что: для каждой из категорий создайте пункт меню Joomla типа Блог категории. Пункты должны иметь ту же вложенность, что и категории.
Ответить | Ответить с цитатой | Цитировать
0 # RE: Как добавить хлебные крошки (навигатор) в Joomla (Кейс #5).Станислав 11.07.2016 17:10
Благодарю, получилось как раз наоборот, случайно создал 2 меню (сайт на 3 языках). Удалил лишнее - все корректно работает)
Ответить | Ответить с цитатой | Цитировать
0 # Как добавить хлебные крошки (навигатор)Алексей 19.09.2016 16:03
Спасиб за полезную статью. Как изменить вертикальный навигатор на горизонтальный?
Ответить | Ответить с цитатой | Цитировать
+1 # RE: Как добавить хлебные крошки (навигатор)Wedal 21.09.2016 04:20
Алексей, по умолчанию он и так должен быть горизонтальным. Вероятно, в вашем шаблоне содержится такой CSS-код, который переносит каждый элемент на новую строку. Добавьте к элементам списка пунктов навигатора (li) css-стиль: display: inline;
Ответить | Ответить с цитатой | Цитировать
0 # RE: Как добавить хлебные крошки (навигатор)Алексей 29.09.2016 17:40
Спасибо за ответ, может подскажите в каком файле?
editor.css
print.css
template.css
template.ie7.css
template.responsive.css
Ответить | Ответить с цитатой | Цитировать
+1 # RE: Как добавить хлебные крошки (навигатор)Wedal 30.09.2016 07:24
Алексей, template.css.
Ответить | Ответить с цитатой | Цитировать
0 # RE: Как добавить хлебные крошки (навигатор)Алексей 06.10.2016 21:22
Спасибо, получилось!
Ответить | Ответить с цитатой | Цитировать
0 # Не отображается заголовок материала в breadcrumbsЛилия 27.10.2016 13:06
Здравствуйте, подскажите пожалуйста, из-за чего может не отображается заголовок материала в breadcrumbs (пункт меню -блог категории, тут все нормально, но при открытии материала его заголовок не появляется в breadcrumbs)
Ответить | Ответить с цитатой | Цитировать
0 # RE: Не отображается заголовок материала в breadcrumbsWedal 28.10.2016 05:35
Лилия, у вас в настройках модуля включена опция Показывать последний ?
Ответить | Ответить с цитатой | Цитировать
0 # Не отображается заголовок материала в breadcrumbsЛилия 28.10.2016 09:07
Цитирую Wedal:
Лилия, у вас в настройках модуля включена опция Показывать последний ?

Спасибо за ответ, проверила, Показывать последний включено.
Ответить | Ответить с цитатой | Цитировать
0 # RE: Не отображается заголовок материала в breadcrumbsWedal 31.10.2016 05:09
Лилия, тогда могу предложить несколько вариантов:
1) Вы используете стандартные хлебные крошки для какого-то стороннего расширения контента, например, K2.
2) В вашем шаблоне макет хлебных крошек переопределен и переделан некорректно.
3) У вас на сайте используется какой-то сторонний SEF-компонент.
Ответить | Ответить с цитатой | Цитировать
0 # RE: Как добавить хлебные крошки (навигатор) в Joomla (Кейс #5).TEND 03.09.2017 16:19
Пропишите пожалуйста путь, где ковыряться чтоб в поиске гугла в сниппете отображались хлебные крошки вместо урла?
Ответить | Ответить с цитатой | Цитировать
0 # RE: Как добавить хлебные крошки (навигатор) в Joomla (Кейс #5).Wedal 04.09.2017 05:12
TEND,

1) Скопируйте файл modules/mod_breadcrumbs/tmpl/default.php в templates/ваш_шаблон/html/mod_breadcrumbs/. Если каких-то папок в шаблоне нет, досоздайте их.
2) Далее внесите правки в скопированный файл, приведя его структуру в соответствие с https://schema.org/BreadcrumbList. Хотя, например, в Joomla 3, ничего этого делать не нужно. В модуль хлебных крошек уже внедрена микроразметка.
Вы можете проверить ее через инструмент: https://search.google.com/structured-data/testing-tool?hl=ru
Ответить | Ответить с цитатой | Цитировать

Добавить комментарий

Для отправки комментария введите код с картинки:
Защитный код
Обновить

Вверх