Advanced Development Solutions Home
Advanced Development Solutions Home
Advanced Development Solutions Home

Description / Features
Read Me First
Installation / Upgrade
Quick Start Guide
Template Layouts
FAQ
     

Ultimate Category Tree Plus Module Help for MIVA Merchant v5

Module Template Layouts Explained

Module automatically creates three Category Template Versions when it is first installed. All installed templates are immutable so they can't be deleted when clearing version history. Detailed use for each template is included. The templates are:

  1. Original (Default Template) - Miva Merchant Default, with Ultimate Cattree Plus features. Optional Product List Template.
  2. ADS Cattree Jump Menu - This is a Traditional Style Jump Menu, where all of the Merchant Categories are listed. This provides one click access to any category in your store.
  3. ADS Advanced Cattree Jump Menu - This is an Advanced Search/Configurator Style Jump menu, where user selects from a drop-box for each of the levels in the category tree as they drill down the categories.

This page contains copies of all templates and comments that will assist you with making adjustments, to the actual templates, beyond the control this module provides using the menu-driven controls. HTML and template scripting knowledge is required to make template modifications. If you do not have these skills it is recommended you contact ADS representative to get assistance with template design and customization.


Original Template (Merchant Default):
Item Render Token: <mvt:item name="ads-ultcattreeplus" param="open|0"/>
(ADS Ultimate Category Tree Plus comments are in red)

<mvt:foreach iterator="tree" array="ads_cattree"><!-- Category Tree Array Loop-->
<mvt:if expr="g.Category_Code EQ l.settings:tree:code"><!-- If Selected Category-->
<mvt:if expr="l.settings:tree:image">
<!-- If Tree Image Exists-->
&mvt:tree:pad;<img src="&mvt:tree:image;" border="0" alt="&mvt:tree:name;"><br>
<mvt:else>
<!-- If Tree Image Does Not Exist-->
&mvt:tree:pad;&mvt:tree:PREFIX_SELECTED;<a href="&mvt:global:sessionurl;Screen=CTGY&Store_Code=&mvta:store:code;&Category_Code=&mvta:tree:code;" class="level&mvt:tree:level;">&mvt:tree:name;</a>&mvt:tree:SUFFIX_SELECTED;<mvt:if expr=" l.settings:tree:product_count "> (&mvt:tree:product_count;)</mvt:if><br>
<!-- Product Count -->
</mvt:if>
<mvt:else>
<!-- Category Not Selected -->
<mvt:if expr="l.settings:tree:image">
<!-- If Tree Image Exists-->
&mvt:tree:pad;<a href="&mvt:global:sessionurl;Screen=CTGY&Store_Code=&mvta:store:code;&Category_Code=&mvta:tree:code;" class="level&mvt:tree:level;"><img src="&mvt:tree:image;" border="0" alt="&mvt:tree:name;"></a><br>
<mvt:else>
<!-- If Tree Image Does Not Exist-->
&mvt:tree:pad;&mvt:tree:prefix;<a href="&mvt:global:sessionurl;Screen=CTGY&Store_Code=&mvta:store:code;&Category_Code=&mvta:tree:code;" class="level&mvt:tree:level;">&mvt:tree:name;</a>&mvt:tree:suffix;<mvt:if EXPR = " l.settings:tree:product_count "> (&mvt:tree:product_count;)</mvt:if><br>
<!-- Product Count -->
</mvt:if>
</mvt:if>
</mvt:foreach>


Optional Product List(Must be enabled in the module configuration screen):
(ADS Ultimate Category Tree Plus comments are in red)

<mvt:foreach iterator="treeproduct" array="tree:products"><!-- Product ArrayLoop insideCategory Tree Array Loop-->
&mvt:tree:pad;&mvt:tree:prefix;&mvt:tree:prefix;<a href="&mvt:global:sessionurl;Screen=PROD&Store_Code=&mvta:store:code;&Product_Code=&mvta:treeproduct:code&Category_Code=&mvta:tree:code;" class="level&mvt:tree:level;">&mvt:treeproduct:name;</a>&mvt:tree:suffix;<br>
</mvt:foreach>

Note: Enabling this feature may slow down your store, depending on the use, number of categories, products, and your store and server setup.


ADS Cattree Jump Menu Template:
Item Render Token: <mvt:item name="ads-ultcattreeplus" param="open"/>
(
ADS Ultimate Category Tree Plus comments are in red)

<form name="jump" id="jump">
<select name="menu" onchange="location=this.options[this.selectedIndex].value">
<!-- On Change Submit Form -->
<option value="">&gt;Select One&lt;</option>
<mvt:foreach iterator="tree" array="ads_cattree">
<!-- Category Tree Array Loop-->
<mvt:if expr="g.Category_Code EQ l.settings:tree:code">
<!-- If Selected Category-->
<option value="&mvt:global:sessionurl;Screen=CTGY&Store_Code=&mvta:store:code;&Category_Code=&mvta:tree:code;" selected>&mvt:tree:pad;&mvt:tree:PREFIX_SELECTED;&mvt:tree:name;&mvt:tree:SUFFIX_SELECTED;<mvt:if EXPR = " l.settings:tree:product_count "> (&mvt:tree:product_count;)</mvt:if></option>
<!-- Product Count -->
<mvt:else>
<!-- Category Not Selected -->
<option value="&mvt:global:sessionurl;Screen=CTGY&Store_Code=&mvta:store:code;&Category_Code=&mvta:tree:code;">&mvt:tree:pad;&mvt:tree:prefix;&mvt:tree:name;&mvt:tree:suffix;<mvt:if EXPR = " l.settings:tree:product_count "> (&mvt:tree:product_count;)</mvt:if></option>
<!-- Product Count -->
</mvt:if>
</mvt:foreach>
</select>
</form>


ADS Cattree Advanced Jump Menu Template:
(ADS Ultimate Category Tree Plus comments are in red)

<form name="jumpalt" id="jumpalt">
<INPUT TYPE="hidden" name="Category_Code" value="&mvt:global:Category_Code;">
<INPUT TYPE="hidden" name="Store_Code" value="&mvt:store:code;">
<INPUT TYPE="hidden" name="Screen" value="CTGY">
<select name="menu0" onchange="document.jumpalt.Category_Code.value=this.options[this.selectedIndex].value;submit()">
<!-- On Change Submit Form -->
<option value="">&gt;Select One&lt;</option>
<mvt:foreach iterator="tree" array="ads_cattree">
<!-- Category Tree Array Loop-->
<mvt:if expr = "l.settings:tree:level EQ 0">
<!-- If Root Level Category-->
<mvt:if expr="g.menu0 EQ l.settings:tree:code OR g.Category_Code EQ l.settings:tree:code">
<!-- If Selected Category-->
<option value="&mvt:tree:code;" selected>&mvt:tree:pad;&mvt:tree:PREFIX_SELECTED;&mvt:tree:name;&mvt:tree:SUFFIX_SELECTED;<mvt:if EXPR = " l.settings:tree:product_count "> (&mvt:tree:product_count;)</mvt:if></option>
<!-- Product Count -->
<mvt:else>
<!-- Category Not Selected -->
<option value="&mvt:tree:code;">&mvt:tree:pad;&mvt:tree:prefix;&mvt:tree:name;&mvt:tree:suffix;<mvt:if EXPR = " l.settings:tree:product_count "> (&mvt:tree:product_count;)</mvt:if></option>
<!-- Product Count -->
</mvt:if>
</mvt:if>
</mvt:foreach>
</select><BR>
<mvt:if expr = "l.SETTINGS:ADS_CATTREE_CURRENTLEVEL GE 0 AND (NOT ISNULL l.SETTINGS:ADS_CATTREE_CURRENTHASCHILDREN OR l.SETTINGS:ADS_CATTREE_CURRENTLEVEL GE 1)">
<!-- If 1st Level Category-->
<select name="menu1" onchange="document.jumpalt.Category_Code.value=this.options[this.selectedIndex].value;submit()">
<!-- On Change Submit Form -->
<option value="">&gt;Select One&lt;</option>
<mvt:foreach iterator="tree" array="ads_cattree">
<mvt:if expr = "l.settings:tree:level EQ 1">
<mvt:if expr="g.menu1 EQ l.settings:tree:code OR g.Category_Code EQ l.settings:tree:code">
<!-- If Selected Category-->
<option value="&mvt:tree:code;" selected>&mvt:tree:pad;&mvt:tree:PREFIX_SELECTED;&mvt:tree:name;&mvt:tree:SUFFIX_SELECTED;<mvt:if EXPR = " l.settings:tree:product_count "> (&mvt:tree:product_count;)</mvt:if></option>
<!-- Product Count -->
<mvt:else>
<!-- If Not Selected Category-->
<option value="&mvt:tree:code;">&mvt:tree:pad;&mvt:tree:prefix;&mvt:tree:name;&mvt:tree:suffix;<mvt:if EXPR = " l.settings:tree:product_count "> (&mvt:tree:product_count;)</mvt:if></option>
<!-- Product Count -->
</mvt:if>
</mvt:if>
</mvt:foreach>
</select><BR>
</mvt:if>
<mvt:if expr = "l.settings:ADS_CATTREE_CURRENTLEVEL GE 1 AND (NOT ISNULL l.SETTINGS:ADS_CATTREE_CURRENTHASCHILDREN OR l.SETTINGS:ADS_CATTREE_CURRENTLEVEL GE 2)">
<!-- If 2nd Level Category-->
<select name="menu2" onchange="document.jumpalt.Category_Code.value=this.options[this.selectedIndex].value;submit()">
<!-- On Change Submit Form -->
<option value="">&gt;Select One&lt;</option>
<mvt:foreach iterator="tree" array="ads_cattree">
<!-- Category Tree Array Loop-->
<mvt:if expr = "l.settings:tree:level EQ 2">
<mvt:if expr="g.menu2 EQ l.settings:tree:code OR g.Category_Code EQ l.settings:tree:code">
<!-- If Selected Category-->
<option value="&mvt:tree:code;" selected>&mvt:tree:pad;&mvt:tree:PREFIX_SELECTED;&mvt:tree:name;&mvt:tree:SUFFIX_SELECTED;<mvt:if EXPR = " l.settings:tree:product_count "> (&mvt:tree:product_count;)</mvt:if></option>
<!-- Product Count -->
<mvt:else>
<!-- If Not Selected Category-->
<option value="&mvt:tree:code;">&mvt:tree:pad;&mvt:tree:prefix;&mvt:tree:name;&mvt:tree:suffix;<mvt:if EXPR = " l.settings:tree:product_count "> (&mvt:tree:product_count;)</mvt:if></option>
<!-- Product Count -->
</mvt:if>
</mvt:if>
</mvt:foreach>
</select><BR>
</mvt:if>
<mvt:if expr = "l.settings:ADS_CATTREE_CURRENTLEVEL GE 2 AND (NOT ISNULL l.SETTINGS:ADS_CATTREE_CURRENTHASCHILDREN OR l.SETTINGS:ADS_CATTREE_CURRENTLEVEL GE 3)">
<!-- If 3rd Level Category-->
<select name="menu3" onchange="document.jumpalt.Category_Code.value=this.options[this.selectedIndex].value;submit()">
<!-- On Change Submit Form -->
<option value="">&gt;Select One&lt;</option>
<mvt:foreach iterator="tree" array="ads_cattree">
<!-- Category Tree Array Loop-->
<mvt:if expr = "l.settings:tree:level EQ 3">
<mvt:if expr="g.menu3 EQ l.settings:tree:code OR g.Category_Code EQ l.settings:tree:code">
<!-- If Selected Category-->
<option value="&mvt:tree:code;" selected>&mvt:tree:pad;&mvt:tree:PREFIX_SELECTED;&mvt:tree:name;&mvt:tree:SUFFIX_SELECTED;<mvt:if EXPR = " l.settings:tree:product_count "> (&mvt:tree:product_count;)</mvt:if></option>
<!-- Product Count -->
<mvt:else>
<!-- If Not Selected Category-->
<option value="&mvt:tree:code;">&mvt:tree:pad;&mvt:tree:prefix;&mvt:tree:name;&mvt:tree:suffix;<mvt:if EXPR = " l.settings:tree:product_count "> (&mvt:tree:product_count;)</mvt:if></option>
<!-- Product Count -->
</mvt:if>
</mvt:if>
</mvt:foreach>
</select><BR>
</mvt:if>
<mvt:if expr = "l.settings:ADS_CATTREE_CURRENTLEVEL GE 3 AND (NOT ISNULL l.SETTINGS:ADS_CATTREE_CURRENTHASCHILDREN OR l.SETTINGS:ADS_CATTREE_CURRENTLEVEL GE 4)">
<!-- If 4th Level Category-->
<select name="menu4" onchange="document.jumpalt.Category_Code.value=this.options[this.selectedIndex].value;submit()">
<option value="">&gt;Select One&lt;</option>
<mvt:foreach iterator="tree" array="ads_cattree">
<!-- Category Tree Array Loop-->
<mvt:if expr = "l.settings:tree:level EQ 4">
<mvt:if expr="g.menu4 EQ l.settings:tree:code OR g.Category_Code EQ l.settings:tree:code">
<!-- If Selected Category-->
<option value="&mvt:tree:code;" selected>&mvt:tree:pad;&mvt:tree:PREFIX_SELECTED;&mvt:tree:name;&mvt:tree:SUFFIX_SELECTED;<mvt:if EXPR = " l.settings:tree:product_count "> (&mvt:tree:product_count;)</mvt:if></option>
<!-- Product Count -->
<mvt:else>
<!-- If Not Selected Category-->
<option value="&mvt:tree:code;">&mvt:tree:pad;&mvt:tree:prefix;&mvt:tree:name;&mvt:tree:suffix;<mvt:if EXPR = " l.settings:tree:product_count "> (&mvt:tree:product_count;)</mvt:if></option>
<!-- Product Count -->
</mvt:if>
</mvt:if>
</mvt:foreach>
</select><BR>
</mvt:if>
</form>


"architects of the web since 1998"
Learn more about our services

Build Your Business Online!
SERVICES | PRODUCTS | ACCOUNT LOGIN | STORE POLICIES | ABOUT US | CONTACT US | HOME

Copyright © 2006, Advanced Development Solutions, Inc.   -  Hosting by HOSTASAURUS
MIVA and related terms used on this page are registerd trademarks of the MIVA Corporation.