Хлебные крошки 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 > текущая страница (при отображаеммы крошках типа главная > продукция > продукт)

Читайте также:  Amazon simple storage service

Переделайте пагинацию) У меня на многих сайтах прописан 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. Например, вот такой чанк:

    Читайте также:  Mac os для macbook air

    Что такое 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 включен)

    Читайте также:  Samsung galaxy tab 3 tablet

    Если 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.

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

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

    Ваш адрес email не будет опубликован. Обязательные поля помечены *