pdoMenu и адаптивное меню

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

<ul class="nav nav-pills">
			<li class="active"><a href="#">Главная</a></li>
			<li><a href="#">О компании</a></li>
			<li><a href="#">Услуги и цены</a></li>
			<li><a href="#">Наши работы</a></li>
			<li><a href="#" class="hidden-minitablet">Отзывы клиентов</a></li>
			<li><a href="#" class="hidden-minitablet">Блог</a></li>
			<li><a href="#" class="hidden-minitablet">Контакты</a></li>
			<div class="dropdown visible-minitablet pull-right">
				<a href="#" id="drop" role="button" class="dropdown-toggle" data-toggle="dropdown">ещё<img src="img/menu_icon_mobile.gif" alt="" class="show"/><img src="img/menu_icon_mobile2.gif" alt="" class="hide"/></a>
				<ul class="dropdown-menu" role="menu" aria-labelledby="drop">
					<li><a tabindex="-1" href="#">Отзывы клиентов</a></li>
					<li><a tabindex="-1" href="#">Блог</a></li>
					<li><a tabindex="-1" href="#">Контакты</a></li>
				 </ul>
			</div>
		</ul>

Выглядит вот так:



Кто может знает как с помощью pdoMenu сделать подобное…
Ну или может будут другие варианты. Спасибо
Алексей Марченко
07 мая 2014, 10:56
modx.pro
2 660
0

Комментарии: 2

Виталий Киреев
07 мая 2014, 15:24
0
Так же как и обычное двухуровневое меню, просто добавить к родительскому «Еще» типа modWebLink детей ссылки на ресурсы (отзывы и тп), которые в корне. Ну и конечно заменить шаблон &tplParentRow на что-то типа
<div class="dropdown visible-minitablet pull-right">
	<a href="#" id="drop" role="button" class="dropdown-toggle" data-toggle="dropdown">[[+pagetitle]]<img src="img/menu_icon_mobile.gif" alt="" class="show"/><img src="img/menu_icon_mobile2.gif" alt="" class="hide"/></a>
	<ul class="dropdown-menu" role="menu" aria-labelledby="drop">
		[[+wrapper]]
	 </ul>
</div>
Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
2