Tweak Library
Note: We have updated our folder structure in Neto 6 and this has not been updated on all tweaks yet. More info.

Category Menu

A list of categories, which when hovered over show sub-categories, providing users with a simple way to find your products.

Industries

  • Fashion
  • Bicycles
  • Computers & Electronics
  • Fitness & Supplements
  • Furniture & Homewares
  • Health & Beauty
  • Alcohol
  • Music & Instruments
  • Sports & Recreation
  • Gifts
  • Toys & Games
  • Jewellery & Accessories
  • Animal & Petcare
  • Arts & Crafts
  • Events & Party Supplies
  • Books & Stationery
  • Food & Beverages

Wireframe

Category Menu

Coding Instructions

Step 1. Add the category menu code

Open up headers/template.html, find this line of code <ul class="nav navbar-nav">, and paste the following menu coding directly below it:

[%cache type:'cmenu' id:'header_cat_menu'%]
[%categorymenu sortby:'sortorder,selected,name' show_empty:'1'%]
[%param header%]
<li class="dropdown dropdown-hover"><a href="[@homeurl@]/products" class="dropdown-toggle">Products <span class="caret"></span></a>
    <ul class="dropdown-menu">
        [%/param%]
        [%param *level_1%]
            <li class="[%DATA id:'next_level' if:'ne' value:''%]dropdown dropdown-hover[%/DATA%]"><a href="[@url@]">[@name@]</a>
                [%data id:'next_level' if:'ne' value:''%]
                    <ul class="dropdown-menu dropdown-menu-horizontal">
                        [@next_level@]
                    </ul>
                [%/data%]
            </li>
        [%/param%]
        [%param *level_2%]
            <li class="[%DATA id:'next_level' if:'ne' value:''%]dropdown dropdown-hover[%/DATA%]">
                <a href="[@url@]">[@name@]</a>
                [%data id:'next_level' if:'ne' value:''%]
                    <ul class="dropdown-menu dropdown-menu-horizontal">
                        [@next_level@]
                    </ul>
                [%/data%]
            </li>
        [%/param%]
        [%param *level_3%]
            <li class="lv3-li">
                <a href="[@url@]">[@name@]</a>
            </li>
        [%/param%]
        [%param footer%]
    </ul>
</li>
[%/param%]
[%/categorymenu%]
[%/cache%]

Final Result

Multi-Item Add

Download Files

Download Files


2 related articles found: