Все для создания и продвижения сайтов

Верстка, программирование, SEO

Гибкая настройка хлебных крошек в MODX

В данной статье хочу показать, как можно легко задать свою структуру хлебных крошек через компонент Breadcrumbs.

К примеру, по умолчанию хлебные крошки выводятся через списки, конструкция: ul li a. Но можно также вывести через простые ссылки в обычном блоке div.

Конструкция Breadcrumbs по умолчанию:


Мы же приведём к следующему:


Для этого вызовем компонент по этой структуре:

[[Breadcrumbs? 
    &bcTplCrumbOuter=``
    &bcTplCrumb = `[[+text]]`
    &bcTplCrumbCurrent = `[[+text]]`
    &bcTplCrumbFirst = `[[+text]]`
    &bcTplCrumbHome = `[[+text]]`
    &bcTplCrumbLast = `[[+text]]`
    &crumbSeparator=`/`
    &homeCrumbTitle=`Главная`
    &showCrumbsAtHome=`true`
    &maxCrumbs=`5`
    &respectHidemenu=`0`
]]

В данном вызове, &bcTpl - шаблон вызова различных элементов, рассмотрим подробнее:

  • &bcTplCrumbOuter - обёртка наших хлебных крошек;
  • &bcTplCrumb - обёртка простого пункта ХБ;
  • &bcTplCrumbCurrent - обёртка текущего пункта ХБ(страница, на которой находимся);
  • &bcTplCrumbFirst - обёртка первого пункта ХБ(страница, на которой находимся);
  • &bcTplCrumbHome - обёртка пункта главной страницы ХБ(страница, на которой находимся);
  • &bcTplCrumbLast - обёртка последнего пункта ХБ(страница, на которой находимся);

О других настройках данного компонента читайте здесь.

Выделите опечатку и нажмите Ctrl + Enter, чтобы отправить сообщение об ошибке.