Skip to main content
How-to

About

This tutorial will illustrate how to create additional menu's in your storefront using the Visual Builder.

Configuring an Additional Menu in Your Storefront

The first step is to open your storefront into the Visual Editor.

Next we will choose the location to add the new menu:

Add-Element-menu1.PNG

Next we will insert the "menu" element into the page by clicking the "Add Element" button then searching for: :menu"

Search-select-menu-element.PNG

Our new menu initially appears like this:

Edit-settings-menu-element.PNG

The menu appears as a duplicate of the header menu, we will edit the menu items in a moment, but first let's open the settings panel and rename the new menu from "header" to something that reflects the purpose of our new menu (in this example the new name is "New Menu"):

![Rename new menu.PNG](pathname:///confluence/515735574/Rename new menu.PNG)

After saving the new Menu name, we can navigate over to the Storefront menu in the UltraCart backend and add the menu selections to the new menu:

![Add new menu items in menus page.PNG](pathname:///confluence/515735574/Add new menu items in menus page.PNG)\

After adding our menu choices:

ConfiguredNewMEnu-Menu'sView.PNG

We can go back and view our storefront to display the new menu!

![Display of new menu.PNG](pathname:///confluence/515735574/Display of new menu.PNG)

Was this page helpful?