Какой чанк вывести для тег ul в двухуровневом меню Новый

Дополнение: pdoMenu

Добрый день Господа.
Я совсем недавно стал изучать Modx и столкнулся с такой проблемой, которую никак не могу решить, но очень надо. Проблема такова.
У меня на сайте есть горизонтальное меню, в пункте Услуги у меня выпадающее меню с набором услуг, при наведении на определенную услугу по замыслу и оно должно становится выпадающим, никак не могу реализовать этого потому как не знаю какой чанк использовать для Выпадающего списка второго уровня, потому как видать у сниппета нет такого шаблона. Вот приведу Html код созданный для этого примера, для тега ul с классом myExample не знаю какой чанк использовать, помогите кто может

 <ul class="nav navbar-nav">
				  
                    <li><a href="home-1.html">Услуги</a>
					
                      <ul role="menu" class="dropdown-menu">
					  
                        <li> <a href="home-1.html">Услуга1</a>
						
						    <ul role="menu" class=" myExample ">
							
								<li><a href="">подпункт услуги 1</a></li>
								<li><a href="">подпункт услуги 1</a></li>
								<li><a href="">подпункт услуги 1</a></li>

						
							</ul>
						</li>
                        
                      </ul>
                    </li>


Мне пришла в голову такая мысль: Сделать пункт меню услуги категорией и обернуть этот пункт меню вот таким вот образом
&tplCategoryFolder=`@INLINE <ul role="menu" class="dropdown-menu">[[+wrapper]]</ul>`
Но ничего из этого не вышло, сделав так мой пункт меню Услуги и во все выпал из Главного меню, что вы думаете по этому поводу и получится ли у меня реализовать мой замысел таким вот образом? и почему сделав услуги категорией данный пункт меню выпал из страницы?
12 сентября 2016, 15:38    Клевер   
0    298 0

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

  1. Дмитрий Середюк 13 сентября 2016, 03:48 # +1
    Как то так:
    [[pdoMenu?
    	&parents=`0`
    	&level=`2`
    	&levelClass=`level`
    	&outerClass=`nav navbar-nav`
    ]]
    

    css:
    Скрываем 2й уровень меню, что бы оно не отображалось
    .navbar-nav>li.level1>ul {displya: none;}

    css hove
    Показываем 2й уровень меню
    .navbar-nav>li.level1:hover>ul {displya: block;}

    Возможно в css нужно немного по другому, но принцип такой!, а лучше потыкать все параметры классов и понять, что к чему.
    Вы должны авторизоваться, чтобы оставлять комментарии.