I would think this would have been easy but I just cannot figure this out. At this point, I'm going to reign in my male ego and just ask for help.
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.
