<![CDATA[ Make a dynamic menu - My Forums]]> https://forums.modx.com/thread/?thread=104807 <![CDATA[Make a dynamic menu]]> https://forums.modx.com/thread/104807/make-a-dynamic-menu#dis-post-563611
I have downloaded an HTML5 template from Themeforest and I'm trying to convert it to a MODx site. The template in question seems to be a really good one.

The template provides many variations of different menus but I'm really only interested in a simple dropdown menu...nothing too exotic, just a basic vertical dropdown. A sample of the hardcoded menu that I'm interested in would look like this (I've edited it down to its simplest form for you to see):

 <div class="panel-group" id="accordionMenu" role="tablist" aria-multiselectable="true">
  
    <div class="panel panel-default">
      <div class="panel-heading  " role="tab" id="headingOne">
        <h4 class="panel-title content-page-white">
        <a role="button" data-toggle="collapse" data-parent="#accordionMenu" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
          Sport Turfs
        </a>
      </h4>
      </div>
      <div id="collapseOne" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne">
        <div class="panel-body">
          <ul class="nav">
            <li><a href="products-sport-turfs.html">All</a></li>
            <li><a href="products-sport-turfs-football.html">Football</a></li>
            <li><a href="products-sport-turfs-golf.html">Golf</a></li>
			<li><a href="products-sport-turfs-hockey.html">Hockey</a></li>
            <li><a href="products-sport-turfs-multisport.html">Multisport</a></li>
			<li><a href="products-sport-turfs-rugby.html">Rugby</a></li>
            <li><a href="products-sport-turfs-baseball.html">Baseball</a></li>
			<li><a href="products-sport-turfs-tennis.html">Tennis</a></li>
          </ul>
        </div>
      </div>
    </div>
    <div class="panel panel-default">
      <div class="panel-heading  " role="tab" id="headingTwo">
        <h4 class="panel-title content-page-white">
        <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordionMenu" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
          Decoration Turfs
        </a>
      </h4>
      </div>
      <div id="collapseTwo" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingTwo">
        <div class="panel-body">
          <ul class="nav">
			<li><a class="active" href="products-decoration-turfs.html">All</a></li>
            <li><a href="products-decoration-turfs-decoration.html">Decoration</a></li>
            <li><a href="products-decoration-turfs-landscape.html">Landscape</a></li>
          
          </ul>
        </div>
      </div>
    </div>
    <div class="panel panel-default">
      <div class="panel-heading  " role="tab" id="headingThree">
        <h4 class="panel-title content-page-white">
        <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordionMenu" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
          Maintenance
        </a>
      </h4>
      </div>
      <div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
        <div class="panel-body">
          <ul class="nav">
			<li><a href="products-turf-maintenance.html">All</a></li>
            <li><a href="products-turf-maintenance-tools.html">Tools</a></li>
            <li><a href="products-turf-maintenance-infill.html">Infill</a></li>
            <li><a href="products-turf-maintenance-repair.html">Repair&Maintenance</a></li>
            <li><a href="products-turf-maintenance-reclamation.html">Reclamation</a></li>
          </ul>
        </div>
      </div>
    </div>
    
    
    <div class="panel panel-default">
      <div class="panel-heading  " role="tab" id="headingFour">
        <h4 class="panel-title content-page-white">
        <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordionMenu" href="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
		 Equipment
        </a>
      </h4>
      </div>
      <div id="collapseFour" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFour">
        <div class="panel-body">
          <ul class="nav">
			<li><a href="prdoucts-sports-equipment.html">All</a></li>
            <li><a href="prdoucts-sports-equipment-soccergoals.html">Soccer Goals</a></li>
            <li><a href="prdoucts-sports-equipment-training.html">Training</a></li>
			<li><a href="prdoucts-sports-equipment-scoreboard.html">Scoreboard</a></li>
          </ul>
        </div>
      </div>
    </div>
    
  </div>


Could you please help me with making it dynamic via pdoMenu or WayFinder. I would really appreciate it and it will help me alot in learning ModX.]]> ibraimveliiev Jan 16, 2019, 12:52 PM https://forums.modx.com/thread/104807/make-a-dynamic-menu#dis-post-563611 <![CDATA[Re: Make a dynamic menu]]> https://forums.modx.com/thread/104807/make-a-dynamic-menu#dis-post-563621
Just call it with parent folder and whatever specifications you want.

would be interesting to see a wayfinder to pdomenu process]]> nuan88 Jan 17, 2019, 01:16 AM https://forums.modx.com/thread/104807/make-a-dynamic-menu#dis-post-563621 <![CDATA[Re: Make a dynamic menu]]> https://forums.modx.com/thread/104807/make-a-dynamic-menu#dis-post-563617 https://drive.google.com/file/d/0B5y4Q9am5QDTOVpIa3Y0VVpjcFU/edit.

Once you've got it working in Wayfinder, it's usually simple to change to PdoMenu.]]> BobRay Jan 16, 2019, 08:07 PM https://forums.modx.com/thread/104807/make-a-dynamic-menu#dis-post-563617