Как кастомизировать BreadCrumbs (хлебные крошки) в MODx Revolution
В данной статье хочу показать, как можно легко задать свою структуру хлебных крошек через компонент Breadcrumbs.
К примеру, по умолчанию хлебные крошки выводятся через списки, конструкция: ul li a. Но можно также вывести через простые ссылки в обычном блоке div.
Конструкция Breadcrumbs по умолчанию:
Код
<ul class="B_crumbBox"> <li><a class="B_homeCrumb"><span>Home</span></a></li> ... </ul>
Мы же приведём к следующему:
Код
<div id="breadcrumb"> <span><a href="/">Home</a></span> </div>
Для этого вызовем компонент по этой структуре:
Код
[[Breadcrumbs? &bcTplCrumbOuter=`<div class="breadcrumb">[[+text]]</div>` &bcTplCrumb = `<span>[[+text]]</span>` &bcTplCrumbCurrent = `<span class="b_current">[[+text]]</span>` &bcTplCrumbFirst = `<span class="b_first">[[+text]]</span>` &bcTplCrumbHome = `<span class="b_home">[[+text]]</span>` &bcTplCrumbLast = `<span class="b_last">[[+text]]</span>` &crumbSeparator=`/` &homeCrumbTitle=`Главная` &showCrumbsAtHome=`true` &maxCrumbs=`5` &respectHidemenu=`0` ]]
В данном вызове, &bcTpl - шаблон вызова различных элементов, рассмотрим подробнее:
Код
&bcTplCrumbOuter - обёртка наших хлебных крошек; &bcTplCrumb - обёртка простого пункта ХБ; &bcTplCrumbCurrent - обёртка текущего пункта ХБ(страница, на которой находимся); &bcTplCrumbFirst - обёртка первого пункта ХБ(страница, на которой находимся); &bcTplCrumbHome - обёртка пункта главной страницы ХБ(страница, на которой находимся); &bcTplCrumbLast - обёртка последнего пункта ХБ(страница, на которой находимся);