Меню в MODX с помощью компонента pdoMenu

pdoMenu позволяет более гибко указывать параметры, чем Wayfinder. Например, формировать меню сразу из нескольких родителей. Смотрите возможные параметры pdoMenu.

Устанавливаем пакет PdoTools (Приложения->Установщик).

Далее вызываем pdoMenu в шаблоне (обычно в чанке header).

[[pdoMenu? &level=`1` &parents=`2`  &outerClass=`nav`]]

Где:

• &level=`1` - уровень вложенности (в данном случае вложенности нет)
• &parents=`2` - id родителя пунктов меню (если нет, то 0)
• &outerClass=`nav` - добавляем класс к меню (присваивается в ul)

Если нужно вывести не все ресурсы в меню, а только некоторые, то для этого есть параметр &resources

[[pdoMenu? &level=`1` &resources=`2,3,4,5` &parents=`2`  &outerClass=`nav`]]					

Или если нужно исключить один ресурс:

[[pdoMenu? &level=`1` &resources=`-3` &parents=`2`  &outerClass=`nav`]]				

Можно выводить пункты сразу из нескольких родителей:

[[pdoMenu? &parents=`2,6` &displayStart=`1`]]

Пример организации выпадающего многоуровневого меню в MODX с помощью pdoMenu

1. html-основа нашего меню будет такая

<div id='cssmenu'>
    <ul>
        <li class='has-sub'><a href='#'><span>Ленты</span></a>
                  <ul>
                     <li class='has-sub'><a href='#'><span>Ленты 1</span></a>
                        <ul>
                           <li><a href='#'><span>Ленты 1.1</span></a></li>
                           <li><a href='#'><span>Ленты 1.2</span></a></li>
                        </ul>
                     </li>
               
                  </ul>
               </li>
        <li class='has-sub'><a href='#'><span>Фетр</span></a>
                        <ul>
                           <li><a href='#'><span>Фетр 1</span></a></li>
                           <li><a href='#'><span>Фетр 2</span></a></li>
                        </ul>
                     </li>
        <li class='active'><a href='index.html'><span>Декупаж</span></a></li>
    </ul>
</div>