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:

  • Read through the Introduction to Neto Document to get a better sense of how the Control Panel, Database and Front End store interact.
  • Learn our recommended Simple Workflow. This makes the implementation process as easy as possible.
  • Create a new Staging Theme for this tweak. This allows you to preview any changes before they are visible to live customers.

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

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.