pdoMenu different chunks for partitions

[mcv11111]

A separate template for displaying a section with several levels is required. Now the following output is used

<nav id="dropdown">
	[[pdoMenu?
    &parents=`0`
    &level=`2`
    &where=`(parent != '2' AND parent != '25' AND parent != '26' AND parent != '27')`
	&showHidden=`0`
	&hideSubMenus=`0`
    &tplOuter=`@INLINE <ul [[+classes]]>[[+wrapper]]</ul>`
	 &tpl=`@INLINE <li [[+classes]]><a href="[[+link]]" [[+attributes]]>[[+menutitle]]</a>[[+wrapper]]</li>`
	 &tplInner=`@INLINE <ul class="dropdown-menu-col-1 submenu [[+classnames]]">[[+wrapper]]</ul>`

]]                              
                                </nav>

Such a conclusion is necessary for the section and subsections

<li class="possition-static hide-on-mobile-menu">
                                            <a href="#">Pages</a>
                                            <div class="template-mega-menu">
                                                <div class="container">
                                                    <div class="row">
                                                        <div class="col-3">
                                                            <div class="menu-ctg-title">Home</div>
                                                            <ul class="sub-menu">
                                                                <li>
                                                                    <a href="index.html">
                                                                        <i class="fas fa-home"></i>Home 1</a>
                                                                </li>
                                                                <li>
                                                                    <a href="index2.html">
                                                                        <i class="fas fa-home"></i>Home 2</a>
                                                                </li>
                                                            </ul>
                                                            <div class="menu-ctg-title">About</div>
                                                            <ul class="sub-menu">
                                                                <li>
                                                                    <a href="about.html">
                                                                        <i class="fab fa-cloudversify"></i>About</a>
                                                                </li>
                                                            </ul>
                                                            <div class="menu-ctg-title">Doctors</div>
                                                            <ul class="sub-menu">
                                                                <li>
                                                                    <a href="doctors1.html">
                                                                        <i class="fas fa-user-md"></i>Doctors 1</a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                        <div class="col-3">
                                                            <ul class="sub-menu">
                                                                <li>
                                                                    <a href="doctors2.html">
                                                                        <i class="fas fa-user-md"></i>Doctors 2</a>
                                                                </li>
                                                                <li>
                                                                    <a href="single-doctor.html">
                                                                        <i class="fas fa-user-md"></i>Doctors Details</a>
                                                                </li>
                                                            </ul>
                                                            <div class="menu-ctg-title">Departments</div>
                                                            <ul class="sub-menu">
                                                                <li>
                                                                    <a href="departments1.html">
                                                                        <i class="fas fa-hospital"></i>Department 1</a>
                                                                </li>
                                                                <li>
                                                                    <a href="departments2.html">
                                                                        <i class="fas fa-hospital"></i>Department 2</a>
                                                                </li>
                                                                <li>
                                                                    <a href="departments3.html">
                                                                        <i class="fas fa-hospital"></i>Department 3</a>
                                                                </li>
                                                                <li>
                                                                    <a href="single-departments.html">
                                                                        <i class="fas fa-hospital"></i>Department
                                                                        Details
                                                                    </a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                        <div class="col-3">
                                                            <div class="menu-ctg-title">Pages</div>
                                                            <ul class="sub-menu">
                                                                <li>
                                                                    <a href="gallery.html">
                                                                        <i class="fas fa-clone"></i>Gallery</a>
                                                                </li>
                                                                <li>
                                                                    <a href="appointment.html">
                                                                        <i class="far fa-calendar-check"></i>Appointment</a>
                                                                </li>
                                                                <li>
                                                                    <a href="price-table.html">
                                                                        <i class="far fa-money-bill-alt"></i>Price
                                                                        Table
                                                                    </a>
                                                                </li>
                                                                <li>
                                                                    <a href="shop.html">
                                                                        <i class="fas fa-shopping-basket"></i>Shop</a>
                                                                </li>
                                                                <li>
                                                                    <a href="single-shop.html">
                                                                        <i class="fas fa-shopping-basket"></i>Shop
                                                                        Details
                                                                    </a>
                                                                </li>
                                                                <li>
                                                                    <a href="contact.html">
                                                                        <i class="fas fa-envelope"></i>Contact</a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                        <div class="col-3">
                                                            <ul class="sub-menu">
                                                                <li>
                                                                    <a href="faq.html">
                                                                        <i class="fas fa-file-archive"></i>Faq List</a>
                                                                </li>
                                                                <li>
                                                                    <a href="404.html">
                                                                        <i class="fas fa-exclamation-triangle"></i>404
                                                                        Error
                                                                    </a>
                                                                </li>
                                                                <li>
                                                                    <a href="coming-soon.html">
                                                                        <i class="fas fa-sort-amount-up"></i>Coming
                                                                        Soon
                                                                    </a>
                                                                </li>
                                                            </ul>
                                                            <div class="menu-ctg-title">News</div>
                                                            <ul class="sub-menu">
                                                                <li>
                                                                    <a href="news1.html">
                                                                        <i class="far fa-newspaper"></i>News 1</a>
                                                                </li>
                                                                <li>
                                                                    <a href="news2.html">
                                                                        <i class="far fa-newspaper"></i>News 2</a>
                                                                </li>
                                                                <li>
                                                                    <a href="single-news.html">
                                                                        <i class="far fa-newspaper"></i>News Details</a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>

[halftrainedharry]

I don’t exactly understand what you are trying to do.

But if you can’t achieve what you want with the different Template Properties pdoMenu offers, you could either use nested pdoMenu calls

Use of &level with &limit on pdoMenu or Wayfinder

I seek to limit output of children resources to 10, using either pdoMenu or Wayfinder. After reading Wayfinder’s docs, I thought output could be limited to 10 at each level included within the menu system: &limit - The limit parameter causes Wayfinder to only process the number of items specified per level. It seems, however, that &limit limits the total output? For example, accordinging to the site hierarchy limit=`10` &level=`1` outputs four parent resources. This is expected based on ot…

or use Fenom inside the template to output different HTML tags for different pages.

pdoMenu - Using different

Hi all, I’m using pdoMenu for my navigation bar. I’m just wondering is it possible to have 2 different layouts in the same pdoMenu code? Below is my family tree layout. I want to use the same layout for most pages, a simple dropdown but I want a different layout for the Competition page and all the pages connected to it. Is it possible to have 2 rowTpl, innerTpl in the same pdoMenu snippet? I HOPE THIS MAKES SENSE. Home About Us (parent) *** Food (child) *** Accommodation (child) Competit…

[mcv11111]

good afternoon.
I have a standard-looking menu.

I want to make a separate design for the “services” section. the section has an attachment.

I do not know how to set a separate design.

[halftrainedharry]

Did you take a look at the topics I linked above?

I believe this one is very similar to your case:

pdoMenu - Using different

I forgot to reply earlier saying that this works an absolute treat now. Thanks a million for all your help guys. I really appreciate it. I’ll add the code that works for me. Here’s the pdoMenu call <nav class="primary-menu"> <ul class="menu-container"> [[pdoMenu? &parents=`0` &level=`0` &tplOuter=`@INLINE {{+wrapper}}` &tpl=`navTpl` ]] </ul> </nav> Here’s the navTpl call {set $parent_ids = $_modx->getParentIds($id)} {if 8 in $parent_ids} {if $level == …

[mcv11111]

yes. I didn’t understand anything. I’ll try it tonight.