Изменить класс CSS в меню Wayfinder MODx в зависимости от шаблона страницы

У меня есть выпадающее меню, созданное с помощью Wayfinder в MODx. В основном я пытаюсь стилизовать ссылки на конкретные страницы в раскрывающемся списке, в зависимости от того, какой шаблон использует конкретная страница.

Итак если страница использует шаблон "A", ее ссылка в раскрывающемся списке получает класс A - и класс "A" можно стилизовать.

Как бы вы это сделали?

Я также хотел бы заказать ссылки на страницы в раскрывающемся списке в соответствии с шаблоном их страницы.

Спасибо!

Редактировать:

В основном я пытаюсь стилизовать определенные ссылки на страницы в раскрывающемся списке, в зависимости от переменной шаблона, которую я настроил. У меня есть телевизор под названием [status], который можно установить на 1 из 3 параметров радио при редактировании страницы.

Итак если для страницы [status] установлено значение "A", ее ссылка в раскрывающемся списке получает класс A, а класс "A" можно стилизовать.

1 ответ

Добавьте класс к тегу body:

<body class="template-[[*template]]">

А затем просто используйте его в CSS, как:

.my_wayfinder_menu {
    /* common style */
} 
.template-5 .my_wayfinder_menu {
    /* only for template with id 5 */
} 
Другие вопросы по тегам