Куда идем?

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

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

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

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

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

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

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

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

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

Joomla breadcrumbs

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

Комментарии  
-7
Ну это только полные нули могут задавать вопрос как добавить breadcrumbs в joomla :-)
1
Михаилыч, кейс для новичков. Вспомните себя, когда только начинали :-)
0
Добавил: ерунда получилась. Дублируются категории: Главная/Категория 2/Категория 1/ Категория 2/ Последний пункт
0
nvzuser, используете стандартные материалы Joomla? Материалы(или категории) привязаны к пунктам меню?
0
Спасибо за ответ и внимание. Есть Категория 1, в которую входят категории 1.1 и 1.2. К категориям 1.1 и 1.2 привязаны материалы. Категория 1 выведена как блог категории. Что значит стандартные материалы? Breadcrumbs - родной от Джумла 3.4
0
nvzuser, "стандартные материалы" означает, что они созданы через стандартный компонент материалов Joomla (com_content), а не сторонний компонент вроде K2.
Попробуйте создать для категорий 1.1 и 1.2 пункты меню(если они выпадают из дизайна, можно поместить их в отдельное меню, которое не будет публиковаться на сайте через модуль) типа блог категории и посмотреть на результат.
0
Здравствуйте после последнего обновления на версию 3.4.1 перестал корректно работать навигатор во всех ссылках формирует окончание ?layout=category Как от этого избавиться не подскажите? На форуме посоветовали выключить кэш крошек, но не помогло.
0
Adems, вот прямо во всех ссылках? А если открыть любой пункт меню?
0
Да во всех кроме главной. По меню всё нормально. Спасибо разобрался уже я одновременно joomshoping обновлял оказалось баг в последней версии ДЖ здесь ни причём.
0
Как крошки вывести под тайтлом? Выбираю позицию шаблона bredcams и ничего в статьях нет. В сайдбаре есть, но коряво.

P.S. Разобрался с позицией.
P.S.S. Почему может выводить не в одну строку, а каждый элемент в своей строке?
0
Здравствуйте,
есть ссылка: сайт/категория1/категория2
когда переходим в материал категории2, в хлебных крошках исчезает категория1, и получается:
сайт/категория2/статья
Необходимо, чтобы ссылка была сайт/категория1/категория2/статья.
Подскажите, где поправить?
0
Станислав, не уверен, что сработает - давно так не делал, но попробуйте вот что: для каждой из категорий создайте пункт меню Joomla типа Блог категории. Пункты должны иметь ту же вложенность, что и категории.
0
Благодарю, получилось как раз наоборот, случайно создал 2 меню (сайт на 3 языках). Удалил лишнее - все корректно работает)
0
Спасиб за полезную статью. Как изменить вертикальный навигатор на горизонтальный?
1
Алексей, по умолчанию он и так должен быть горизонтальным. Вероятно, в вашем шаблоне содержится такой CSS-код, который переносит каждый элемент на новую строку. Добавьте к элементам списка пунктов навигатора (li) css-стиль: display: inline;
0
Спасибо за ответ, может подскажите в каком файле?
editor.css
print.css
template.css
template.ie7.css
template.responsive.css
1
Алексей, template.css.
0
Спасибо, получилось!
0
Здравствуйте, подскажите пожалуйста, из-за чего может не отображается заголовок материала в breadcrumbs (пункт меню -блог категории, тут все нормально, но при открытии материала его заголовок не появляется в breadcrumbs)
0
Лилия, у вас в настройках модуля включена опция Показывать последний ?
0

Цитирую Wedal:

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


Спасибо за ответ, проверила, Показывать последний включено.
0
Лилия, тогда могу предложить несколько вариантов:
1) Вы используете стандартные хлебные крошки для какого-то стороннего расширения контента, например, K2.
2) В вашем шаблоне макет хлебных крошек переопределен и переделан некорректно.
3) У вас на сайте используется какой-то сторонний SEF-компонент.
0
как проверить сторонний SEF-компонент? У меня та же проблема(((
0
Nasibakhon, сейчас перечитал свой последний ответ. Еще убедитесь, что у вас задана категория для данного материала (у которого наблюдается проблема с хлебными крошками) и эта категория привязана к опубликованному пункту меню Joomla (например, блог категории).
Сторонний SEF-компонент можно посмотреть в админке. Проще говоря, вы должны знать и понимать какие расширения у вас установлены и для чего они нужны. Если вы делали сайт с нуля, то с этим обычно нет проблем. Если же использовали готовую сборку или quickstart какого-либо шаблона, то проблемы могут быть.
0
Пропишите пожалуйста путь, где ковыряться чтоб в поиске гугла в сниппете отображались хлебные крошки вместо урла?
0
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
Подскажите, а где редактируются хлебные крошки ... мне нужно добавить микроразметку для них, как у вас на сайте. Как вы это сделали. Я просто с Джумла совсем не знаком,
0
Иван, хлебные крошки в Joomla - это модуль mod_breadcrumbs (по умолчанию, но возможно и другой, если у вас установлено какое-то крупное расширение, вроде SEBLOD). Он находится в modules/mod_breadcrumbs/tmpl/default.php. Здесь изменять ничего нельзя. Нужно скопировать (переопределить) этот файл в ваш шаблон Joomla по адресу templates/ваш_шаблон/html/mod_breadcrumbs/ и уже там вносить в него изменения.
0
Спасибо, нашел, разобрался )
0
Добрый день!
У меня почему-то в хлебных крошках пропускается название категории (все категории привязаны к меню)
Нужно так: Главная-Женщины-Юбки-Юбка1
А у меня так: Главная-Женщины-Юбка 1
Подскажите, пожалуйста в чем может быть причина?
0
Линда, переименуйте htaccess.txt в корне сайта в .htaccess . Это поможет избавиться от /index.php/ в ссылке. Это первое.
Второе. Убедитесь, что в общих настройках Joomla у вас включен SEF.
Третье. Крошки по пунктам меню формируются четко, но нужно учитывать вложенность пунктов меню. Она должна совпадать со вложенностью категорий. Тогда всё будет правильно.
0
Спасибо что ответили! htaccess.txt переименовала, но /index.php/ в ссылке никуда не ушел. SEF включен, вложенность пунктов соблюдена. Правда теперь у меня почему-то не выводятся товары( Уже удалила старые, создала новые, все равно не выходят(
Что делаю не правильно?
0
Линда, также должна быть включена опция ниже (перенаправление URL). У вас URL должен формироваться исключительно на алиасах пунктов меню, при таком подходе. Т.е. /псевдоним_родетельского_пункта_меню/псевдоним_дочернего_пункта_меню. Если в URL есть что-то еще, значить настройки SEF неверные.
0
Добрый день, подскажите. Можно вывести хлебные крошки на странице товаров если не использовать (Use full category tree for product links). VirtueMart 3.8.8 10472. Спасибо!
0
Tobi, хороший вопрос. Думаю, что можно, но путем доработки модуля хлебных крошек таким образом, чтобы он анализировал товар, потом категории, потом составлял правильный путь. К тому же категорий может же быть несколько. В общем не слишком сложная задачка для программиста, но в админке настройками так, скорее всего, не сделаешь.
0
Спасибо!