Вывод меню через 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`
            ]]
Но очевидно, что я составил не верно, либо не до конца.
Помогите, пожалуйста, кто может.
Денис Мижеревич
08 марта 2020, 01:43
modx.pro
129
0

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

Станислав
08 марта 2020, 10:02
0
попробуйте разобраться с помощью этого
http://mudrenizm.ru/index.php?id=305
    Денис Мижеревич
    08 марта 2020, 11:13
    0
    Станислав, благодарю. Наглядная схема — буду пробовать :)
    Сергей Шлоков
    08 марта 2020, 15:06
    0
    Может тут что пригодится.
    Денис Мижеревич
    08 марта 2020, 15:06
    0
    Друзья, если кто будет делать меню по похожей верстке, то вот рабочий пример:

    [[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>`
            ]]
      Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
      5