I've tried dynamically listing products but unfortunately couldn't get around to fix the snippet to show the only list of the folders I click on tabs. Any one came around a scenario like this? please help me find a solution.
page 1- products_home.php
page 2- products_tabs.html (a snippet)
page 1- products_home.php
- Code: Select all
<div class="clearfix"></div>
<div id="header-gff" class="container-fluid">
<div class="header-img" style="width:80px;"><img src="assets/header1.png" alt="" width="80"></div>
<div class="header1-title-gff">products</div>
<div id="horizontal-divider"></div>
<div class="header2-title-gff"><cms:nl2br><cms:show sub_header_3 /></cms:nl2br></div>
<div id="vertical-divider"></div>
</div>
<div class="clearfix"></div>
<!-- tabs here -->
<div class="gff-tabs-col">
<ul class="nav nav-tabs gff-tab-ul-2" role="tablist">
<cms:folders masterpage='products.php'>
<li role="presentation" class="<cms:if k_count='1'>active</cms:if>"><a href="#<cms:show k_folder_name />" aria-controls="<cms:show k_folder_name />" role="tab" data-toggle="tab"><cms:show k_folder_title /></a></li>
</cms:folders>
</ul>
<div class="clearfix"></div>
<!-- Tab panes -->
<div class="tab-content">
<cms:embed 'products_tabs.html' />
</div>
<!-- Modal -->
<cms:pages masterpage='products.php'>
<div class="modal fade" id="gff-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content gff-modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="gff-h1-sm" id="myModalLabel" style="font-size: 18pt; text-align: center;"><cms:show k_page_title /></h4>
</div>
</div>
</div>
</div>
</div>
</cms:pages>
</div>
<div class="clearfix"></div>
page 2- products_tabs.html (a snippet)
- Code: Select all
<cms:pages masterpage='products.php' folder='<cms:show k_folder_name />'>
<div role="tabpanel" class="tab-pane <cms:if k_count='1'>active</cms:if>" id='<cms:show k_folder_name />'>
<div class="tab-content col-md-6 gff-tab-content-col">
<cms:pages masterpage='products.php' folder='<cms:show k_folder_name />'>
<div role="tabpanel" class="tab-pane fade in <cms:if k_count='1'>active</cms:if> gff-tab-cont" id="<cms:show k_page_link />">
<img src="<cms:show product_tab_img />" alt="" width="100%">
</div>
</cms:pages>
</div>
<div class="col-md-6 prod-tab-col">
<h1 class="gff-h1" style="padding-left: 40px; color: #fff; margin-top: 20px;">selection</h1>
<div class="clearfix"></div>
<ul class="nav nav-tabs gff-prod-tab" role="tablist">
<cms:pages masterpage='products.php' folder='<cms:show k_folder_name />'>
<ul class="gff-modla-ul">
<li class="gff-prod-tab-li"><a class="gff-prod-tab-a" style="padding:10px 25px;
font-family: ttsqure; text-transform: uppercase;" href="<cms:show k_page_link />" data-toggle="modal" data-target="#gff-modal"><cms:show k_page_title /></a></li>
</ul>
</cms:pages>
</ul>
</div>
</div>
</cms:pages>