Хлебные крошки BreadCrumbs Modx Revo

Хлебные крошки BreadCrumbs Modx Revo разместим на сайте. Наверняка у вас уже есть какой нибудь шаблон либо же можно будет разместить на том что есть при установке Modx revo Начальный шаблон. Первым делом устанавливаем дополнение Breadcrumbs.

Хлебные крошки BreadCrumbs

Устанавливаем из репозитария Modx

Хлебные крошки BreadCrumbs
Хлебные крошки BreadCrumbs

Чтобы не выводить в каждый шаблон, иногда довольно длиную запись, создадим чанк-шаблон breadcrumbs.tpl.
Пример:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
[[Breadcrumbs? 
&bcTplCrumbOuter=`
<section class="myclass">
 <div class="container">
  <div class="row">
   <div class="col-lg-12">
    <ul class="mybreadcrumbs">
     <li><a href="#">[[+text]]</a></li>
    </ul>
   </div>
  </div>
 </div>
</section>`
&crumbSeparator=`<img src="/img/mybreadcrumbs.png" alt="" />`
&homeCrumbTitle=`Главная`
&showCrumbsAtHome=`true`
]]

&crumbSeparator — разделитель пунктов

Теперь в соответствующий шаблон выводим чанк [[$breadcrumbs.tpl]]
После настройки CSS стилей получаем:

breadcrumbs вывод
breadcrumbs вывод

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

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