Как сделать выпадающий список в пункте меню?

Question

Дмитрий Мазикин @pythongod

Начинающий Веб-разработчик

MODX

Как сделать выпадающий список в пункте меню?

Не совсем могу понять как это реализовать с помощью pdoMenu. Есть горизонтальное меню

,оно выводится через pdoMenu как раз . Мне нужно чтобы при наведении на "О компании" ,выпадал список из трех подпунктов меню . Их я создал в родителе. Он имеет id = 6 . Вот если я его добавляю в parents то все меню рушится ,становится не активным ,а те три пунка наоборот выводятся и активны

[[pdoMenu?
            &parents=`0,6`
            &displayStart =`1`
            &hideSubMenus = `1`
            &level=`5`
            &tplOuter=`@INLINE <ul class="header__menu">[[+wrapper]]</ul>`
            &tpl=`@INLINE <li><a href="[[+link]]" [[+classes]]>[[+menutitle]]</a></li>`
           
        ]]

Вопрос задан более трёх лет назад
187 просмотров

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

Подписаться 1 Простой Комментировать

Пригласить эксперта

Ответы на вопрос 1

15 комментариев

Дмитрий Мазикин @pythongod Автор вопроса

не получается ,все разваливается ((

Написано более трёх лет назад
Sanes @Sanes

Дмитрий Мазикин, с первого раза может не получиться. Бывает.

Написано более трёх лет назад
Дмитрий Мазикин @pythongod Автор вопроса
Sanes,
&tplParentRow=`@INLINE <li[[+classes]] data-uk-dropdown>
вот data-uk-dropdown это имя класса указывается ?
Написано более трёх лет назад
Sanes @Sanes

Дмитрий Мазикин, это атрибут тега

Написано более трёх лет назад
Дмитрий Мазикин @pythongod Автор вопроса

Sanes, вот что получается

Написано более трёх лет назад

Дмитрий Мазикин @pythongod Автор вопроса

Sanes,

[[pdoMenu?
            &parents=`0`
            &level=`5`
            &hereClass =`active`
            &lastClass=`` 
	        &firstClass=``
	        &tplParentRow=`@INLINE <li[[+classes]]><a href="[[+link]]" [[+attributes]]>[[+menutitle]]</a>[[+wrapper]]</li>`
	        &tplParentRowActive=`@INLINE <li[[+classes]]><a href="[[+link]]" [[+attributes]]>[[+menutitle]]</a>[[+wrapper]]</li>`
            &tplOuter=`@INLINE <ul class="header__menu">[[+wrapper]]</ul>`
            &tpl=`@INLINE <li><a href="[[+link]]" [[+classes]]>[[+menutitle]]</a></li>`
           
        ]]

Написано более трёх лет назад

Алексей Голягин @webrevenue

Дмитрий Мазикин, Сначала сделай чтобы в HTML коде все работало (т.е. верстка - сделай 2й уровень статичный), а потом уже натягивай)

Написано более трёх лет назад
Дмитрий Мазикин @pythongod Автор вопроса

Алексей Голягин, а как это сделать если шаблон скрыт ? он в бд,какя понимаю. Такое первый раз вижу ,было бы легко ,добавить статичный найдя шаблон

Написано более трёх лет назад
Sanes @Sanes

Дмитрий Мазикин, какая разница где он. Ничего не мешает сделать его статическим. Почитайте документацию. Или кино на youtube посмотрите. Там полно уроков.

Написано более трёх лет назад
Дмитрий Мазикин @pythongod Автор вопроса

Sanes, спасибо ))

Написано более трёх лет назад
Дмитрий Мазикин @pythongod Автор вопроса

Sanes,его можно в любом месте вывести ?рядом с основным меню

Написано более трёх лет назад
Алексей Голягин @webrevenue

Дмитрий Мазикин, Создайте странницу с пустым шаблоном, скипируйте в нее весь код (с фрондэнда) и сохраните - будет вам статика, а дальше уже отверствывайте меню, а потом уже пытайтесь натянуть на pdoMenu

Написано более трёх лет назад
Дмитрий Мазикин @pythongod Автор вопроса

Алексей Голягин, статикой не вариант делать . Мне нужно как то исключить вывод. Типа все что есть не выводилось или скрывалось ,а один пунк меню показывал своих детей при наведении.

Написано более трёх лет назад
Алексей Голягин @webrevenue

Дмитрий Мазикин, Статическую страницу делаете - чтобы сделать 2й уровень (html+css), дальше просто переносите в динамику)

Написано более трёх лет назад
Дмитрий Мазикин @pythongod Автор вопроса
Алексей Голягин, все это не нужно было делать ,что вы предлагаете ,но спасибо за ответы . Я это сделал с помощью
&tplParentRow=`@INLINE <li class="submenu_wrapp"><a href="[[+link]]" [[+attributes]]>[[+menutitle]]</a>[[+wrapper]]</li>` &tplInner=`@INLINE <ul class="submenu">[[+wrapper]]</ul>`
. Ну и исключил вывод лишнего в &parents
Написано более трёх лет назад