Help Centre

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:
 

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.

1PLAINMenu.jpg


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.

2.menu-with-drop-down.jpg

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.

3.menu-with-sub-page-drop-down.jpg


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.

 

When your pages are dropped your “Site Content” screen will automatically save your menu order, ready for next time.

Lastly, if you have a page you would like to direct your visitor to but do not want to display it on the Main Menu you can hide your pages.

To do so please follow these steps:

1. Go to your "Content" Screen on the Top Menu.

2. Select "Page Options" next to your page.

3. Change the "Shown on Menu" drop-down list to "NO".

4. Click "Save Changes".

 

These hidden pages will now display as greyed out on your Site Content Screen and can still be reordered using the drag and drop functionality. 

 

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

Here are following site menu layouts you can use with your drop-down menus:

Display just your “Shop” Main Menu Item on your Main Menu

Please follow these instructions:

  1. Go to your “Content” screen on the top menu.
  2. Select the “Page Options” icon next to your “Shop” page
  3. On the “General” tab change the  “Shown on Menu” option to “YES”.
  4. Also change the “Show Categories in a drop-down Sub-Menu” option  to “NO”.
  5. Save your changes.
  6. Next, go to your “Shop” screen .
  7. Select “Shop Settings” from the left-hand menu.
  8. Click “General Configuration”.
  9. Choose the “Categories” tab.
  10. Change “Show Categories on Main Menu” to “Do not display”.
  11. Save your changes.

menu-with-shop.jpg

 

Display your “Shop” menu item with a categories drop-down menu on your Main Menu

Please follow the steps below:

  1. Go to your “Content” screen on the top menu.
  2. Select the “Page Options” icon next to your “Shop” page.
  3. On the “General” tab change the “Shown on Menu” option to “YES”.
  4. Also change the “Show Categories in a drop-down Sub-Menu” option to “YES”.
  5. Save your changes.
  6. Next, go to your “Shop” screen.
  7. Select “Shop Settings” from the left-hand menu.
  8. Click “General Configuration”.
  9. Choose the “Categories” tab.
  10. Change “Show Categories on Main Menu” to “Do not display”.
  11. Save your changes.

4.shopdropdown.jpg

 

Display your “Shop” Main Menu Item and your Shop Categories with a sub drop-down menu

Please follow the steps below:

  1. Go to your “Content” screen on the top menu.
  2. Select the “Page Options” icon next to your “Shop” page.
  3. On the “General” tab change the “Shown on Menu” option to “YES”.
  4. Change the “Show Categories in a drop-down Sub-Menu” option to “NO”.
  5. Save your changes.
  6. Next, go to your “Shop” screen.
  7. Select “Shop Settings” from the left-hand menu.
  8. Click “General Configuration”.
  9. Choose the “Categories” tab.
  10. Change “Show Categories on Main Menu” to “Display as Main Menu Items with drop-down Sub-Categories”.
  11. Save your changes.

categories-drop-down-with-shop.jpg

 

Display just your Shop Categories on your Main Menu

Please follow these instructions:

  1. Go to your “Content” screen on the top menu.
  2. Select the “Page Options” icon next to your “Shop” page.
  3. On the “General” tab change the “Shown on Menu” option to “NO”.
  4. Change the “Show Categories in a drop-down Sub-Menu” option to “NO”.
  5. Save your changes.
  6. Next, go to your “Shop” screen.
  7. Select “Shop Settings” from the left-hand menu.
  8. Click “General Configuration”.
  9. Choose the “Categories” tab.
  10. Change “Show Categories on Main Menu” to “Display as Main Menu Items”.
  11. Save your changes.

categories-on-menu.jpg

 

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

Please follow these instructions:

  1. Go to your “Content” screen on the top menu.
  2. Select the “Page Options” icon next to your “Shop” page.
  3. On the “General” tab change the “Shown on Menu” option to “NO”.
  4. Change the “Show Categories in a drop-down Sub-Menu” option to “NO”.
  5. Save your changes.
  6. Next, go to your “Shop” screen.
  7. Select “Shop Settings” from the left-hand menu.
  8. Click “General Configuration”.
  9. Choose the “Categories” tab.
  10. Change “Show Categories on Main Menu” to “Display as Main Menu Items with drop-down Sub-Categories”.
  11. Save your changes.

categories-with-drop-down.jpg

 

How to use your Sub-Menu side column item

sub-menu-side-column-item.jpg

 

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.