Пример вывода меню с помощью Wayfinder

Постоянно забываю, где какие стили и шаблоны нужно использовать, когда делаю многоуровневое меню с Wayfinder, поэтому публикую памятку:

Вызов сниппета:

[[Wayfinder? 

&startId='0' 

&excludeDocs='1' 

&level='2'

&rowTpl='row-tpl'

&innerTpl='inner-tpl'

&innerRowTpl='inner-row-tpl'

]]

Пояснения: 

1. startId='0'

id документа, дочерние элементы которого будут выводиться.

Например, у нас есть каталог, в котором есть список категорий.

Если указать id страницы каталога, то он выведет все категории каталога.

Если этот параметр = 0, то он берет корневой документ.

2. excludeDocs='1,2,3'

Id документов, которые не нужно выводить.

3. level='2'

На сколько вглубь по иерархии документов надо смотреть. 2 - двухуровневое меню.

4. rowTpl

Шаблон вывода элемента меню 1-го уровня (верхний уровень).

Обозначения в шаблонах типа [+wf.wrapper+] смотри в конце документа.

Пример шаблона:

<li class="[+wf.classnames+]">

<a href="[+wf.link+]" title="[+wf.title+]">[+wf.linktext+]</a>

[+wf.wrapper+]

</li>

5.InnerTpl
Шаблон вывода меню второго уровня. Это обертка для элементов меню второго уровня.
Пример шаблона:
<ul class="mega-menu cream-bg">
[+wf.wrapper+]
</ul>

6. innerRowTpl
Шаблон вывода элемента меню второго уровня.
Если шаблон вывода для первого уровня и для второго не отличаются, то этот параметр можно опустить (вроде как).
Это на тот случай, если у нас элементы меню первого и второго уровня выводятся по разным шаблонам.
Пример шаблона
<li>
<a href="[+wf.link+]" title="[+wf.title+]" class="dark-color active-hover [+wf.classnames+]">[+wf.linktext+]</a>
</li>


Плейсхолдеры в шаблонах для Wayfinder
[+wf.wrapper+] - параметр который указывает куда должны выводиться дочерние элементы.
Например, если у элемента меню li (Каталог) есть подуровень ul (Платья, Брюки, Туфли).

[+wf.link+], [+wf.title+], [+wf.linktext+] понятны из контекста.

Полное описание параметров и плейсхолдеров от гуру здесь.