Вывод меню через pdoMenu
Не хватает моего понимания и опыта, чтобы составить вывод меню через pdoMenu для следующей структуры меню:
<ul class="nav navbar-nav menu_nav ml-auto">
<li class="nav-item"><a class="nav-link" href="index.html">Home</a></li>
<li class="nav-item submenu dropdown active">
<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
aria-expanded="false">Shop</a>
<ul class="dropdown-menu">
<li class="nav-item active"><a class="nav-link" href="category.html">Shop Category</a></li>
<li class="nav-item"><a class="nav-link" href="single-product.html">Product Details</a></li>
<li class="nav-item"><a class="nav-link" href="checkout.html">Product Checkout</a></li>
<li class="nav-item"><a class="nav-link" href="cart.html">Shopping Cart</a></li>
<li class="nav-item"><a class="nav-link" href="confirmation.html">Confirmation</a></li>
</ul>
</li>
<li class="nav-item submenu dropdown">
<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
aria-expanded="false">Blog</a>
<ul class="dropdown-menu">
<li class="nav-item"><a class="nav-link" href="blog.html">Blog</a></li>
<li class="nav-item"><a class="nav-link" href="single-blog.html">Blog Details</a></li>
</ul>
</li>
<li class="nav-item submenu dropdown">
<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
aria-expanded="false">Pages</a>
<ul class="dropdown-menu">
<li class="nav-item"><a class="nav-link" href="login.html">Login</a></li>
<li class="nav-item"><a class="nav-link" href="tracking.html">Tracking</a></li>
<li class="nav-item"><a class="nav-link" href="elements.html">Elements</a></li>
</ul>
</li>
<li class="nav-item"><a class="nav-link" href="contact.html">Contact</a></li>
</ul>
Не могу составить вывод соблюдая все стили, просто не хватает моего понимания.Все что смог составить на данный момент, изучая инструкции:
[[pdoMenu?
&tplOuter=`@INLINE <ul class="nav navbar-nav menu_nav ml-auto" [[+classes]]>[[+wrapper]]</ul>`
&tpl=`@INLINE <li class="nav-item" [[+classes]]><a class="nav-link" href="[[+link]]" [[+attributes]]>[[+menutitle]]</a>[[+wrapper]]</li>`
&outerClass=`nav navbar-nav menu_nav ml-auto`
&hereClass=`active`
&rowClass=`nav-item`
&innerClass`dropdown-menu`
]]
Но очевидно, что я составил не верно, либо не до конца. Помогите, пожалуйста, кто может.
Комментарии: 5
попробуйте разобраться с помощью этого
http://mudrenizm.ru/index.php?id=305
http://mudrenizm.ru/index.php?id=305
Станислав, благодарю. Наглядная схема — буду пробовать :)
Может тут что пригодится.
Сергей, спасибо. Полезная информация
Друзья, если кто будет делать меню по похожей верстке, то вот рабочий пример:
[[pdoMenu?
&parents=`0`
&tplOuter=`@INLINE <ul class="nav navbar-nav menu_nav ml-auto" [[+classes]]>[[+wrapper]]</ul>`
&tpl=`@INLINE <li class="nav-item" [[+classes]]><a class="nav-link" href="[[+link]]"
[[+attributes]]>[[+menutitle]]</a>[[+wrapper]]</li>`
&tplParentRow=`@INLINE <li class="nav-item submenu dropdown [[+classnames]]">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
aria-expanded="false" href="[[+link]]" [[+attributes]]>[[+menutitle]]</a>[[+wrapper]]</li>`
&tplInner=`@INLINE <ul class="dropdown-menu">[[+wrapper]]</ul>`
tplInnerRow=`@INLINE <li class="nav-item [[+classnames]]">
<a class="nav-link" href="[[+link]]" [[+attributes]]>[[+menutitle]]</a>[[+wrapper]]</li>`
&tplHere=`@INLINE <li class="nav-item active" [[+classes]]><a class="nav-link" href="[[+link]]"
[[+attributes]]>[[+menutitle]]</a>[[+wrapper]]</li>`
&tplInnerHere=`@INLINE <li class="nav-item active [[+classnames]]">
<a class="nav-link" href="[[+link]]" [[+attributes]]>[[+menutitle]]</a>[[+wrapper]]</li>`
]]
Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.