Для реализации навигации по сайту широко распространены два решения.

1) С помощью сниппета Breadcrumbs
( отличное русское описание на modx-cms.ru , оригинал на английском wiki )
Создаём чанк

<div id="breadcrumb">
[!Breadcrumbs? &amp;homeCrumbTitle=`Главная` &amp;showHomeCrumb=`1` &amp;showCrumbsAtHome=`1` &amp;crumbSeparator=`&gt;`!]
</div>
 

2) Второе решение - с помощью сниппета Wayfinder ,чуть более сложное, но более гибкое.
( русское описание сниппета Wayfinder с примерами на modx-cms.ru , описание сниппета Wayfinder на английском wiki )
Этот пример взят здесь
Создаём чанк

<div id="breadcrumb">
<a title="CMS MODx" href="http://www.h88.ru/">Главная</a> &raquo; [!Wayfinder? &amp;startId=`38` &amp;titleOfLinks=`menutitle` &amp;outerTpl=`BreadCrumbOuter` &amp;rowTpl=`BreadCrumbRow` &amp;activeParentRowTpl=`BreadCrumbActiveParentRow` &amp;hereTpl=`BreadCrumbHere` !]
</div>
 

Создаём 4 дополнительных чанка для настройки отображения результатов выборки Wayfinder.

BreadCrumbOuter: [+wf.wrapper+]
 
BreadCrumbRow: empty
 
BreadCrumbActiveParentRow: <a title="" href="">[+wf.linktext+]</a> &raquo; [+wf.wrapper+]
 
BreadCrumbHere: [+wf.linktext+] 
 

Раскрашиваем с помощью css и вставляем

Получаем: