Category Menu

Category Menu

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'%]
[%content_menu content_type:'category' sortby:'sortorder,name' show_empty:'1'%]
    [%param *level_1%]
        <li class="[%if [@next_level@]%]dropdown dropdown-hover[%/if%]"> <a href="[@url@]" [%if [@next_level@]%]class="dropdown-toggle"[%/if%]>[@name@] [%if [@next_level@]%]<span class="caret"></span>[%/if%]</a>
            [%if [@next_level@]%]
                <ul class="dropdown-menu">
                    [@next_level@]
                </ul>
            [%/if%]
        </li>
        [%/param%]
    [%param *level_2%]
        <li class="[%if [@next_level@]%]dropdown dropdown-hover[%/if%]"> <a href="[@url@]" class="nuhover dropdown-toggle">[@name@]</a>
            [%if [@next_level@]%]
                <ul class="dropdown-menu dropdown-menu-horizontal">
                    [@next_level@]
                </ul>
            [%/if%]
        </li>
        [%/param%]
    [%param *level_3%]
        <li class="[%if [@next_level@]%]dropdown dropdown-hover[%/if%]"> <a href="[@url@]">[@name@]</a>
            [%if [@next_level@]%]
                <ul class="dropdown-menu dropdown-menu-horizontal">
                    [@next_level@]
                </ul>
            [%/if%]
        </li>
    [%/param%]
[%/content_menu%]
[%/cache%]

Download Files

Download Files


Was this article useful?

Be notified when this page is updated. Optional.