Brands Menu

A brands dropdown menu which displays a list of your brands, providing users a simple way to find branded products.

Wireframe

Brands Menu


Preparation Checklist

Before you start this tweak, it's a good idea to run through our Preparation Checklist below:


Coding Instructions

Step 1: Open the header template

Navigate to the header template which can be located here /httpdocs/assets/themes/[THEME-NAME]/templates/headers/template.html.

Step 2: Add the following code

Add the following code right after <ul class="navbar-nav mr-auto" role="navigation" aria-label="Main menu">:

<!-- Brands Menu -->
[%content_menu content_type:'brand' sortby:'sortorder' limit:'8'%]
    [%param *header%]
        <li class="nav-item dropdown">
            <a href="#" class="nav-link dropdown-toggle" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Brands</a>
            <ul class="dropdown-menu">
    [%/param%]
    [%param *level_1%]
                <li><a href="[@url@]" class="dropdown-item">[@name@]</a></li>
    [%/param%]
    [%param *footer%]
            </ul>
        </li>
    [%/param%]
[%/content_menu%]

Final Result

Brands Menu


Customising this Section

More information on how to customise this section can be found within the Content Menu Documentation.

Was this article useful?

Be notified when this page is updated. Optional.