Хлебные крошки modx revo

Последнее изменение поста: 25 июля 2019 в 0:28

В прошлых уроках мы разобрались с тем как создать меню в modx при помощи PdoMenu. Сегодня мы реализуем функционал хлебных крошек при помощи сниппета pdoCrumbs который входит в пакет PdoTools. Так же разберемся как внедрить семантическую разметку и как вывести хлебные крошки при помощи шаблонизатора fenom.

Документация по pdoCrumbs

Параметры

Шаблоны

Официальные примеры

Пример вывода нестандартных хлебных крошек

Статичный код крошек, у нас такой.

Вывод хлебных крошек в MODX

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

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

Тоже самое на шаблонизаторе феном

Семантическая разметка хлебных крошек

pdoCrumbs + schema.org + fenom

Проверка микроразметки от google и от яндекс .

Официальная русскоязычная документация здесь .

Если Вам, что-либо непонятно, спрашивайте в комментариях, обязательно помогу.

Алексей, здравствуйте.
а не подскажете как с помощью pdoCrumbs вывести крошки с выпадающим меню (дочерние ресурсы), как здесь например …. вроде должно быть не очень сложно реализовать?

Здравствуйте. Не подскажу. Если сделаете поделитесь решением)

А проверял ли ты эти крошки в валидаторе яндекса? Я тоже проверял, ошибок не увидел) Однако есть другой косяк так сказать, не заметный сразу — дублируется родитель в url. Тут например подробно описано, с примером: https://modx.pro/help/8511

Обратил внимание на свой — правда, так оно и отображается на сайте.

Есть мысли по этому поводу?

Поправил вызовы в статье — все корректно генерит http://prntscr.com/ojlhsj

Здравствуйте!
Есть проблема с выводом крошек.
Если в шаблоне вписать данный параметр
То вывод крошек осуществляется корректно, но перестает работать внутренняя навигация на станице.
Как поправить вывод крошек не добавляя параметр в шаблон.
Если не использовать параметр то ссылка в хлебных крошек выводится с таким видом:
сайт.ру > сайт.ру/продукция/продукция.html > текущая страница (при отображаеммы крошках типа главная > продукция > продукт)

Переделайте пагинацию) У меня на многих сайтах прописан base и все корректно работает

Сниппет для построения навигации в стиле хлебных крошек.

Хорошо заменяет BreadCrumb, работает с документами из любых контекстов и позволяет указывать различные условия для выборки ресурсов.

Сниппет обладает очень высокой скоростью работы, за счет выборки всех нужных элементов из БД за один запрос.

Параметры

Принимает все параметры pdoTools и некоторые свои:

Параметр	По умолчанию	Описание
&showLog		Показывать дополнительную информацию о работе сниппета. Только для авторизованных в контекте «mgr».
&from		Id ресурса, от которого строить хлебные крошки. Обычно это корень сайта, то есть «0».
&to	Id ресурса для которого строятся хлебные крошки. По умолчанию это id текущей страницы.
&exclude	Список id ресурсов, которые нужно исключить из выборки.
&toPlaceholder	Если не пусто, сниппет сохранит все данные в плейсхолдер с этим именем, вместо вывода не экран.
&outputSeparator		Разделитель между крошками
&tpl	Имя чанка для оформления ресурса. Если не указан, то содержимое полей ресурса будет распечатано на экран.
&tplCurrent	Чанк оформления текущего документа в навигации.
&tplMax	Чанк, который добавляется в начало результатов, если их больше чем &limit.
&tplHome	Чанк оформления ссылки на главную страницу.
&tplWrapper	Чанк-обёртка, для заворачивания всех результатов. Понимает один плейсхолдер: [[+output]] . Не работает вместе с параметром &toSeparatePlaceholders.
&wrapIfEmpty	Включает вывод чанка-обертки &tplWrapper даже если результатов нет.
&showCurrent	1	Выводить текущий документ в навигации.
&showHome		Выводить ссылку на главную в начале навигации.
&showAtHome	1	Показывать хлебные крошки на главной странице сайта.
&hideSingle		Не выводить результат, если он один единственный.
&direction	ltr	Направление навигации: слева направо «ltr» или справа налево «rtl», например для Арабского языка.

Шаблоны

Шаблон	По умолчанию
&tpl	@INLINE [[+menutitle]]
&tplCurrent	@INLINE [[+menutitle]]
&tplMax	@INLINE .
&tplHome
&tplWrapper	@INLINE [[+output]]

Примеры

Генерация хлебных крошек для текущей страницы:

Генерация в ограничением по количеству пунктов:

Сниппет хорошо работает при вызове из pdoResources. Например, вот такой чанк:

Что такое Breadcrumbs?

Breadcrumbs – это простой навигационный сниппет для MODx Revolution. С его помощью Вы можете легко добавить простую навигационную цепочку в любом месте Вашей страницы.

Требования

• MODx Revolution 2.0.0-beta5 или более новая версия

• PHP5 или более новая версия

История

Breadcrums появился примерно в одно время с MODx 0.9.1, или MODx Evolution, первый релиз состоялся 30 июня 2006 года. С момента создания сниппета уже много разных авторов приложили руку к его усовершенствованию.

Официальные релизы

23 ноября 2009 года

5 ноября 2009 года

21 мая 2009 года

21 апреля 2009 года

24 марта 2009 года

25 апреля 2008 года

22 апреля 2008 года

26 марта 2008 года

17 января 2008 года

11 января 2008 года

12 июля 2006 года

10 июля 2006 года

30 июня 2006 года

Скачивание

Сниппет можно загрузить в рамках менеджера MODx Revolution с помощью Package Management, или с MODx Extras Repository.

Использование

Сниппет Breadcrumbs вызывается через теги:

Свойства Breadcrumbs

Определяет то, что Вам нужно, между «крошками» (crumbs).

Если Вы хотите, чтобы crumb текущей страницы был ссылкой (на себя) – "1" для true, "0" для false (без кавычек)

Чтобы изменить по умолчанию использование поля страницы в качестве описания навигационной цепочки, по умолчанию – description. Если description пуст, возвращается к pagetitle.

В случае, если Вы хотите иметь настраиваемый description домашней ссылки. По умолчанию – тайтл домашней ссылки.

В случае, если Вы хотите иметь домашнюю ссылку, вызывающую что-то другое.

Максимальное количество элементов в цепочке. 100 –произвольно большое количество. Если Вы выберете меньшее значение, скажем 2 (при этом есть 5 уровней глубины), она будет выглядеть так: Home> . > Уровень 4> Level 5. Следует отметить, что " Home" и текущая страница не принимаются в рассчет. Каждая из них настраивается отдельно.

Строка, которая будет выводится, если максимальное количество элементов цепочки было показано.

Когда Ваш путь включает в себя неопубликованную папку, установка true покажет все ресурсы пути, кроме неопубликованных. Пример пути (неопубликованные заглавными): home > news > CURRENT > SPORTS > skiiing > article $pathThruUnPub = true. Отсюда: home > news > skiiing > article $pathThruUnPub = false. Отсюда: home > skiiing > article (если Ваш home crumb включен)

Если true, будут скрываться элементы в навигационной цепочке, которые, согласно установок, скрываются в и меню.

Можно использовать для переключения breadcrumb-ов на главной странице.

Показывает текущую страницу в виде пути.

Хотите, чтобы Ваша crumb-строка начиналась ссылкой на home? Некоторые не будут, потому что домашняя ссылка обычно находится в лого сайта или другом месте схемы навигации.

Чтобы изменить поля страницы по умолчанию, используется в качестве тайтла breadcrumb. По умолчанию pagetitle.

Классы breadcrumb-ов

Выводится неупорядоченный список с микроданными (см. http://diveintohtml5.info/extensibility.html для получения дополнительной информации), которые можно стилизировать, используя следующие имена классов.

Classname (имя класса)

Span, который окружает все выводимые crumb-ы

Span, который окружает ". ", если crumb-ов больше, чем будет показано

Span или A-тег, окружающий текущий crumb

Span, который всегда окружает первый crumb, "home" это или нет

Span, окружающий последний crumb, будь он на текущей странице или нет.

Класс, который присваивается каждому A-тегу, окружающему промежуточные crumb-ы (не домашние или скрытые)

Класс, который присваивается домашнему crumb-у

Примеры

Показать навигационную цепочку с символом| для разделения.

• Главная
• MODX шаблоны
• MODX статьи
• Документация
• Уроки MODX
• Linux
• Портфолио
• Вопросы
• Скачать MODX
• Услуги по MODX
• Карта сайта

Документация MODX

Контакты

Telegram: @Accusser

Skype: metsof

Услуги по разработке сайтов на MODX

MODX является программным обеспечением, которое мы используем, чтобы развивать все наши веб-сайты.

MODX позволит Вам иметь полный контроль над содержимым, используемым на вашем сайте, вы можете добавлять, удалять, изменять и редактировать любой контент, который пожелаете, можете полностью управлять своим сайтом.

Профессиональная разработка сайтов на MODX, доработка и поддержка сайтов , создание и доработка интернет-магазинов на MODX.

Подписка на рассылку новостей. Никакого спама, только обновления.