I have a page that is spitting out different locations of the business. What I am trying to accomplish is to display the folder title for the heading and then display all of the locations that are in that folder underneath it. Then when I add another folder, I need it to create a new section title and then display the appropriate locations underneath. What happens is that the folder title is repeated after every location I add. What is the best way to accomplish this? Code below:
- Code: Select all
<section id="content" class="fullwidth">
<cms:pages masterpage='locations.php' folder=k_folder_title>
<div class="row">
<div class="menu-content">
<div class="menu-list">
<div class="menu-title cute-12-tablet text-center">
<h2><cms:folders><cms:show k_folder_title /></cms:folders></h2>
</div>
</div>
</div>
</div>
<div class="gap-20"></div>
<div class="single-location row">
<div class="cute-4-tablet">
<h2><cms:show loc_title /></h2>
<p class="address"><cms:show loc_street /><br /><cms:show loc_cs /></p>
<p><a href="<cms:show loc_dir />" target="_blank">Get Directions</a></p>
<div class="gap-20"></div>
<p><span><i class="fa fa-phone-square"></i></span> <cms:show loc_phone /></p>
<p><span><i class="fa fa-envelope-o"></i></span> <a href="mailto:<cms:show loc_email />"><cms:show loc_email /></a></p>
</div>
<div class="cute-4-tablet">
<p><strong>Manager:</strong> <cms:show loc_manager /></p>
<div class="gap-20"></div>
<p><cms:show loc_mf /></p>
<p><cms:show loc_ss /></p>
</div>
<div class="cute-4-tablet">
<iframe src="<cms:show loc_map />" width="100%" height="265" frameborder="0" style="border:0"></iframe>
</div>
</div>
</cms:pages>
</section>
