Как кастомизировать 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 - обёртка последнего пункта ХБ(страница, на которой находимся); 
3571