Все о создании сайтов и их продвижении

Создание динамического меню в MODX Revolution используя Wayfinder

Прежде всего необходимо через менеджер пакетов загрузить и установить дополнение Wayfinder.

Предположим, что код меню должен выглядеть так:

<ul id="topMenu"><li class="first"><a href="/" title="Главная" >Главная</a></li>
<li><a href="news/" title="Новости" >Новости</a></li>
<li><a href="gallery/" title="Галерея" >Галерея</a></li>
<li><a href="service/" title="Проекты" >Проекты</a></li>
<li class="last"><a href="contacts/" title="Контакты" >Контакты</a></li>
</ul>

Итак, создаем два чанка topMenuRowTpl и topMenuOuterTpl. В код чанка topMenuOuterTpl копируем:

<ul id="topMenu">[[+wf.wrapper]]</ul>

а в topMenuRowTpl копируем:

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

Завершающим этапом в создании меню необходимо в код шаблона сайта вставить вызов сниппета Wayfinder:

[[!Wayfinder? &startId=`0` &level=`1` &rowTpl=`topMenuRowTpl` &outerTpl=`topMenuOuterTpl`]]

Все, на этом создание простого меню, которое будет динамически изменяться в зависимости от контента, закончено.

Плейсхолдеры Wayfinder в MODX Revo:

  • [[+wf.wrapper]] — выводит подменю
  • [[+wf.id]] — выводит id
  • [[+wf.attributes]] — выводит атрибуты ссылки
  • [[+wf.docid]] — выводит идентификатор текущей страницы
  • [[+wf.description]] — выводит описание страницы
  • [[+wf.classes]]— выводит класс(включая)
  • [[+wf.classnames]] — выводит имя класса (без)
  • [[+wf.link]] — выводит значение атрибута href для ссылки
  • [[+wf.title]]— выводит значение атрибута title для ссылки
  • [[+wf.linktext]] — выводит текст гиперссылки

Timeweb Many GEOs
UltraVDS
GeekBrains

Все уроки по MODx Revolution

Комментарии(0)

Комментировать:

 * Поля обязательны для заполнения

О нашем интернет-агенстве

Продвижение и создание сайтов, поддержака существующих проектов, а так же комплексная реклама в интернете - специализация нашего интернет-агенства

Оставить заявку