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

Products Menu

A clearly defined "Products" link, which, when hovered over, shows categories and sub-categories, providing users with a simple way to find your products.

Industries

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

Wireframe

Coding Instructions

Open up headers/template.html, and add the below code directly beneath [%menu id:'web_header'%]:

[%param *header%]
    [%CACHE type:'cmenu' id:'catmenu_header'%]
    [%CATEGORYMENU sortby:'sortorder,selected,name' show_empty:'1'%]
        [%PARAM header%]
        <li class="dropdown dropdown-hover"><a href="/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@]" class="dropdown-toggle">[@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%]
[%/param%]

Final Result

Download Files

Download Files


2 related articles found: