Help Centre

How to use Drop-Down Menus

A drop-down menu ensures your site is unique and stylish yet easy to use. The ability to have multi-levelled menus allows your visitors to smoothly navigate around your site, moving from page to page with just one click of your menu bar. Additionally, for those who have a large amount of site content or many pages in your menu it gives you complete control over how to group your pages, creating a more organised website page structure.

In this guide we will address the following:

How to build your drop-down menus

How to add your Shop Categories to your Drop-Down Menu

How to use your Sub-Menu side column item

Drop-Down Menu enabled templates

How to build your Drop-Down menu

When using the Drop-Down Menu feature there are 3 types of menu:

A Main Menu is the page at the top of your site that give your users access to the main pages. For example, the “Blog” page or “About Us” page shown below.

A Sub-Menu is the page displayed beneath your Main Menu. For example, the “Team Page” sub menu seen under the “About Us” menu shown below.

A Sub-Page is a page that can be accessed from your Sub-Menu. For example, the “Jeremy” page is accessed through the “Team Page” Sub-Menu.

Your “Site Content” screen is the main area you will use to manage your drop-down menus. Here you can easily set your site structure by dragging and dropping your pages into the order you want. You can also set up your Sub-Menus by dropping your pages into the grey Drop Zones that appear below your Main Menu page.

If you would like to set up Sub-Pages you can then drop them into the grey Drop Zones that appear to the right below your Sub-Menu.

Change “Show Categories on Main Menu” to “Display as Main Menu Items with drop-down Sub-Categories”.

Save your changes.

Display just your Shop Categories on your Main Menu

Please follow these instructions:

Go to your “Content” screen on the top menu.

Select the “Page Options” icon next to your “Shop” page.

On the “General” tab change the “Shown on Menu” option to “NO”.

Change the “Show Categories in a drop-down Sub-Menu” option to “NO”.

Save your changes.

Next, go to your “Shop” screen.

Select “Shop Settings” from the left-hand menu.

Click “General Configuration”.

Choose the “Categories” tab.

Change “Show Categories on Main Menu” to “Display as Main Menu Items”.

Save your changes.

Display just your Shop Categories with a sub-categories drop-down menu

Please follow these instructions:

Go to your “Content” screen on the top menu.

Select the “Page Options” icon next to your “Shop” page.

On the “General” tab change the “Shown on Menu” option to “NO”.

Change the “Show Categories in a drop-down Sub-Menu” option to “NO”.

Save your changes.

Next, go to your “Shop” screen.

Select “Shop Settings” from the left-hand menu.

Click “General Configuration”.

Choose the “Categories” tab.

Change “Show Categories on Main Menu” to “Display as Main Menu Items with drop-down Sub-Categories”.

Save your changes.

How to use your Sub-Menu side column item

As shown above, you can create a side column item to show your sub menus. The side column item will allow your customers to traverse past the Main Menu limit of two sub-levels up to a maximum of ten levels. The side column item will dynamically update to show any sub-pages of the page being currently viewed on your live website.

To add this side column item please follow the instructions below:

1. Go to your “Design” screen on the top menu.2. Click “Side Columns” on the Design bar.3. Select “New Side Column Item” .4. Choose “Sub-Menu”5. Menu” from the side column “Type” drop-down list.6. Select either “left-hand” or “right-hand” side column for your side column item and whether it is visible on your site.7. Click the “Add Side Column” button.8. Save your changes in the design toolbar.