We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
MODX Community Forums Archive

Creating menu with pdomenu

    • 53294
    • 5 Posts
    moli123456 Reply #1, 7 years, 1 month ago
    Good Morning! I live in Brazil, and I'm a beginner in Modx. I'm loving this platform. I've tried many more and none of them compare to Modx. I would like your help in creating a menu. I have PdoMenu installed and I want to know how to use it in this code.

    Moli montez

    The code:

    <nav>
    <ul>
    <li class="active">
    <a href="#">Home</a>
    </li>
    <li>
    <a href="#">Pages</a>
    <ul class="mega-menu-area">
    <li>
    <a href="about1.html">About 1</a>
    </li>
    <li>
    <a href="lecturers1.html">lecturers 1</a>
    </li>
    </ul>
    </li>
    <li>
    <a href="#">Courses</a>
    <ul>
    <li>
    <a href="courses1.html">Courses 1</a>
    </li>
    </ul>
    </li>
    <li>
    <a href="#">Research</a>
    </li>
    <li>
    <a href="#">News</a>
    <ul>
    <li class="has-child-menu">
    <a href="#">News</a>
    <ul class="thired-level">
    <li>
    <a href="news1.html">News 1</a>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    <li>
    <a href="#">Gallery</a>
    </li>
    <li>
    <a href="#">Contact</a>
    </li>
    </ul>
    </nav>
    </div>
    </div>
    </div>
    </div> [ed. note: moli123456 last edited this post 7 years, 1 month ago.]
      • 37105
      • 194 Posts
      DonQuicky Reply #2, 7 years, 1 month ago
      Welcome to MODX smiley

      To learn how pdoTools does the job its better to try it yourself using the manual of pdoMenu. See https://docs.modx.pro/en/components/pdotools/snippets/pdomenu
        Codeplaza Webdesign: for professional websites at low cost
        • 53294
        • 5 Posts
        moli123456 Reply #3, 7 years, 1 month ago
        Hello! Thanks for the reply, but not following some manuals on the internet, I could not make this menu work. I'd be grateful if someone would help me with that.
          • 17301
          • 932 Posts
          LK Reply #4, 7 years, 1 month ago
          Just this should be fine:

          [[pdoMenu?
  &parents=`0`
  &level=`3`
]]


          Then you *should* really use CSS selectors rather than relying on classes and crowding your markup. 

          li:nth-child(2) ul { /* Mega Menu Style */}


          But you can use class params on this page to inject your classes into the markup if its necessary:
          https://docs.modx.pro/en/components/pdotools/snippets/pdomenu

          You've also got 4 closing </div>'s at the bottom of your mark up by the way - i assume that could be part of some opening wrappers before the nav though?
            ■ email: [email protected] | ■ website: https://alienbuild.uk

            The greatest compliment you can give back to us, is to spend a few seconds leaving a rating at our trustpilot: https://uk.trustpilot.com/review/alienbuild.uk about the service we provided. We always drop mention of services offered by businesses we've worked with in the past to those of interest.
            • 53294
            • 5 Posts
            moli123456 Reply #5, 7 years, 1 month ago
            Hello LK, thank you for your willingness to respond. Without changing the css, tell me how to set marking in html. Because I prefer to use the markings. If you can, please mark me so that I can study, as I am a beginner in Modx.

            Thank you!