RSS-подписка

RSS-лента

Новые статьи

Последние комментарии


Получать обновления на эл. почту

Ваш e-mail:

Рассылка новостей от Loco

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

Нет картинки pdoMenu - компонент в составе пакета pdoTools, с помощью которого удобно организовтать динамическое меню в MODX Revolution.

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>

 

Источник: loco.ru

almix
Разработчик Loco, автор статей по веб-разработке на Yii, CodeIgniter, MODx и прочих инструментах. Создатель Team Sense.

Вы можете почитать все статьи от almix'а.



Другие статьи по этой теме:

Комментарии (0)     Подпишитесь на RSS комментариев к этой статье.