Как добавить класс к пункту меню в MODx?

Question

[San007]

Добрый день.
Имеем два шаблона:
1. Главная (лэндинг)
2. Все остальные страницы сайта.

Шапка сайта на всех страницах одинакова. В обоих шаблонах навигация выведена через [[$nav]].
В самом чанке обычный HTML вида:

<ul>
<li class="active">Меню 1</li>
<li>Меню 2</li>
<li>Меню 3</li>
<li>Меню 4</li>
</ul>

Первый пункт меню выделяю другим цветом как выбранный пункт меню.
Вопрос, как, через доп.поля выделять остальные пункты меню при переходе?
Или, как перемещать class="active" на другие пункты меню при переходе?

Comments

[archelon]

используйте сниппет pdomenu
https://docs.modx.pro/komponentyi/pdotools/snippet...

Answer 1

[strelok011]

в модх есть масса плагинов. Используйте что нибудь вроде самой основной классики wayfinder. Или pdomenu, или любого другого )

У этих плагинов есть опции, позволяющие конфигурировать любое состояние навигации. Указывать активный элемент, прятать текущий раздел или корень и проч.
Можно подключить и написать классы поверх стилей из коробки, можно внедрить свои шаблоны на все случаи жизни.

i--gu.ru/wayfinder к примеру. Либо читать на сайте с документацией по modx

Answer 2

[Алексей Голягин]

Добрый день. В вашем случае Если у вас MODX Revo, то установите PdoTools и замените ваш HTML вот таким выводом:

[[pdoMenu?&firstClass=``&lastClass=`` &parents=`0` &level=`1`]]

вот официальная документация: https://docs.modx.pro/komponentyi/pdotools/snippet...
Вот пример реализации сложного меню при помощи pdoMenu (PdoTools): https://web-revenue.ru/modx-revo/mnogourovnevoe-me...