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

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

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

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

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

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

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

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

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

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

Joomla breadcrumbs

Об авторе
Об авторе
Wedal (Виталий). Веб-разработчик полного цикла (Full Stack). Создатель и автор сайта Wedal.ru.
Основной профиль – создание сайтов и расширений на CMS Joomla.

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

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

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

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

Комментарии  

-4 # Михаилыч 05.02.2015 11:13
Ну это только полные нули могут задавать вопрос как добавить breadcrumbs в joomla :-)
Ответить | Ответить с цитатой | Цитировать
+2 # Wedal 09.02.2015 09:21
Михаилыч, кейс для новичков. Вспомните себя, когда только начинали :-)
Ответить | Ответить с цитатой | Цитировать
0 # nvzuser 02.03.2015 06:13
Добавил: ерунда получилась. Дублируются категории: Главная/Категория 2/Категория 1/ Категория 2/ Последний пункт
Ответить | Ответить с цитатой | Цитировать
0 # Wedal 03.03.2015 04:30
nvzuser, используете стандартные материалы Joomla? Материалы(или категории) привязаны к пунктам меню?
Ответить | Ответить с цитатой | Цитировать
0 # nvzuser 03.03.2015 05:03
Спасибо за ответ и внимание. Есть Категория 1, в которую входят категории 1.1 и 1.2. К категориям 1.1 и 1.2 привязаны материалы. Категория 1 выведена как блог категории. Что значит стандартные материалы? Breadcrumbs - родной от Джумла 3.4
Ответить | Ответить с цитатой | Цитировать
0 # 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 # Wedal 20.04.2015 03:31
Adems, вот прямо во всех ссылках? А если открыть любой пункт меню?
Ответить | Ответить с цитатой | Цитировать
0 # Adems 20.04.2015 08:36
Да во всех кроме главной. По меню всё нормально. Спасибо разобрался уже я одновременно joomshoping обновлял оказалось баг в последней версии ДЖ здесь ни причём.
Ответить | Ответить с цитатой | Цитировать
0 # Bahus 08.02.2016 08:53
Как крошки вывести под тайтлом? Выбираю позицию шаблона bredcams и ничего в статьях нет. В сайдбаре есть, но коряво.

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

Спасибо за ответ, проверила, Показывать последний включено.
Ответить | Ответить с цитатой | Цитировать
0 # Wedal 31.10.2016 05:09
Лилия, тогда могу предложить несколько вариантов:
1) Вы используете стандартные хлебные крошки для какого-то стороннего расширения контента, например, K2.
2) В вашем шаблоне макет хлебных крошек переопределен и переделан некорректно.
3) У вас на сайте используется какой-то сторонний SEF-компонент.
Ответить | Ответить с цитатой | Цитировать
0 # Nasibakhon 10.01.2018 01:31
как проверить сторонний SEF-компонент? У меня та же проблема(((
Ответить | Ответить с цитатой | Цитировать
0 # Wedal 10.01.2018 01:40
Nasibakhon, сейчас перечитал свой последний ответ. Еще убедитесь, что у вас задана категория для данного материала (у которого наблюдается проблема с хлебными крошками) и эта категория привязана к опубликованному пункту меню Joomla (например, блог категории).
Сторонний SEF-компонент можно посмотреть в админке. Проще говоря, вы должны знать и понимать какие расширения у вас установлены и для чего они нужны. Если вы делали сайт с нуля, то с этим обычно нет проблем. Если же использовали готовую сборку или quickstart какого-либо шаблона, то проблемы могут быть.
Ответить | Ответить с цитатой | Цитировать
0 # TEND 03.09.2017 16:19
Пропишите пожалуйста путь, где ковыряться чтоб в поиске гугла в сниппете отображались хлебные крошки вместо урла?
Ответить | Ответить с цитатой | Цитировать
0 # 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
Ответить | Ответить с цитатой | Цитировать
0 # Иван 27.09.2019 19:50
Подскажите, а где редактируются хлебные крошки ... мне нужно добавить микроразметку для них, как у вас на сайте. Как вы это сделали. Я просто с Джумла совсем не знаком,
Ответить | Ответить с цитатой | Цитировать
0 # Wedal 30.09.2019 04:06
Иван, хлебные крошки в Joomla - это модуль mod_breadcrumbs (по умолчанию, но возможно и другой, если у вас установлено какое-то крупное расширение, вроде SEBLOD). Он находится в modules/mod_breadcrumbs/tmpl/default.php. Здесь изменять ничего нельзя. Нужно скопировать (переопределить) этот файл в ваш шаблон Joomla по адресу templates/ваш_шаблон/html/mod_breadcrumbs/ и уже там вносить в него изменения.
Ответить | Ответить с цитатой | Цитировать
0 # Иван 30.09.2019 16:13
Спасибо, нашел, разобрался )
Ответить | Ответить с цитатой | Цитировать
0 # Линда 20.10.2019 14:23
Добрый день!
У меня почему-то в хлебных крошках пропускается название категории (все категории привязаны к меню)
Нужно так: Главная-Женщины-Юбки-Юбка1
А у меня так: Главная-Женщины-Юбка 1
Подскажите, пожалуйста в чем может быть причина?
Ответить | Ответить с цитатой | Цитировать
0 # Wedal 21.10.2019 04:06
Линда, переименуйте htaccess.txt в корне сайта в .htaccess . Это поможет избавиться от /index.php/ в ссылке. Это первое.
Второе. Убедитесь, что в общих настройках Joomla у вас включен SEF.
Третье. Крошки по пунктам меню формируются четко, но нужно учитывать вложенность пунктов меню. Она должна совпадать со вложенностью категорий. Тогда всё будет правильно.
Ответить | Ответить с цитатой | Цитировать
0 # Линда 21.10.2019 08:06
Спасибо что ответили! htaccess.txt переименовала, но /index.php/ в ссылке никуда не ушел. SEF включен, вложенность пунктов соблюдена. Правда теперь у меня почему-то не выводятся товары( Уже удалила старые, создала новые, все равно не выходят(
Что делаю не правильно?
Ответить | Ответить с цитатой | Цитировать
0 # Wedal 22.10.2019 05:25
Линда, также должна быть включена опция ниже (перенаправление URL). У вас URL должен формироваться исключительно на алиасах пунктов меню, при таком подходе. Т.е. /псевдоним_родетельского_пункта_меню/псевдоним_дочернего_пункта_меню. Если в URL есть что-то еще, значить настройки SEF неверные.
Ответить | Ответить с цитатой | Цитировать