Page History

Create a New Menu 

1. In the CMS, select Navigation → Section Menu Editor.
   
   
2. Click Create New Menu.
   
   
3. In Label, name your menu a name. NOTE -  this won't be displayed anywhere as it's just a name for internal use. 
   
   
   
4. Click Save. The menu is added to the dropdown list.
   
   
5. Next, click Add Item To Menu.
   
   
   
6. In Label, name the menu item. This name is displayed on the menu.
   
   
7. (optional) To display an icon next to the menu item label, in Icon Name, select from the dropdown list. 
   
   
8. In Menu Item Type, select the landing page type for the menu item:
   
9. Page to link to:
    page - a page on your site; Options -  Include in Site Map; Open in New Window, and Show/Hide page; Requires Authentication (user must be logged in). 
    product - a product's details page.
    category - a product category page. 
    campaign- a promotional campaign page.
    link - destination page via path entered. Can be external to your site; Options - Include in Site Map; Open a New Window. 
   
   • Valid URLs must start with either http:// or https://
   • Javascript code must start with javascript:
     
     
10. Click Save.
    
    

11. Repeat steps 5-9 to create more menu items.
    
    

    Tip
    After you have created the menu items, you can drag and drop to re-order them if you decide the sequence isn't right. Image Added

    
    

12. To save the menuall changes, click the Save button in on the top right corner of the page. 

Add Access Options to a Menu or Menu Item

Configure what Roles can access a menu or an individual menu item.

Defaults:

• A new section menu will be enabled for all Roles
• Each item in a section menu inherits the role permissions set for the menu.

• (But different access

• options can be set for individual menu items

• .

Image Removed

Once you have created a section menu, you can display it on your site.  You can do this by (i) using a Section Menu Widget or (ii) including a section menu with your site's Mega Menu. 

Both options are covered below. 

• )

1. Next to the menu or menu item, select Options → Associated Roles. 
   Image Added
   
   
2. Toggle ON/OFF for each Role as needed.
   Image Added
3. Click Confirm.   
   
4. Ccick Save on the top right corner of the page. 

Display a section menu on your site

There are two ways to display a menu:

(i) use a Section Menu Widget, or

(ii) include it on your site's Mega Menu (if in use on your site). 

(i) Use a Section Menu Widget

1. Navigate Go to Content → Page Templates and , then select the template you wish to display your menu on. For example, you might choose the . (Example: 'Theme Layout' for your site's footer, or the content zone of your home page.)
   
   
2. Scroll to the required right zone and click Add Widget.
   
   
3. Search for and select Section Menu widgetWidget, then click Add Widget. The widget configuration window will open automatically for you to adjust settings.
   Find the  
   
   
4. Edit the widget:
   In Section Menu Item Code field, and select a the needed section menu from the dropdown list. 
   Image Removed
   Specify any remaining settings you require (icons, etc.). TIP - for more help, click Image Added
   
   
5. Set other options as needed. See: Section Menu Widget or or the Documentation tab in the widget!
   If you want a menu heading to display above your .
   
   
6. To display a menu heading above the menu items, select the Titles tab.
   Image Added 
   Image Removed
7. In List Heading, enter the heading title you want displayedfor display.
   
   
8. If this heading is a link, in Heading Link, add the path to the landing page.
   
   
9. If you want To display an icon to display next to the heading, select from the Heading Icon dropdown list.
   
   
10. In Heading Icon Position, select whether the icon should display to the to display icon left or right of the heading. Default: left.
     
11. Once you're happy with the widget settings, click Save.
    If you're ready to send it live immediately, toggle the 'Click Save. NOTE - To send the menu live immediately, toggle ON Enable widget on Save' setting at the bottom of the window before you click  Save. 

(

ii)

Display a section menu

on Mega Menu

If your website uses Only for websites that use a Mega Menu (where your top level categories are listed individually, rather than not in one big flyout), you can include a section menu within that same area. 

You can configure Configure the Mega Menu widget Widget to display a section menu either before or after the product categories.

1. Go to Content → Page Templates. 
   

1. 
   
2. Select the Theme Layout.
   

1. 
   
2. Find the Mega Menu

1. Widget and click Edit.
   
   
2. In the menu, select the Section Menu Settings tab.
   

Image Removed

1. Image Added
   

5. Configure

1. Set options

as required

1. : 
   

Section

1. 
   
   • Section Menu Item Code

 

1. • - select the section menu

from the dropdown list

1. • .

 

1. • Section Menu Append / Prepend to Category Menu? - 'Append'

will display the

1. • : show menu after the Category menu

and

1. • ; 'Prepend': show menu before

it

1. • Category menu. 

If you want a

1. • Section Menu Heading - add heading for the section menu

, in Section Menu Heading,  enter the label

1. • . If

left blank

1. • lblank,

the label from

1. • the first menu item

will display in its place

1. • label displays here. 

If the

1. • Section Menu Link - if heading is a link

, in Section Menu Link

1. • , enter

the link details

1. • link details. 

If you want to display an icon next to the heading, in

1. • Section Menu Icon

,

1. • - (optional) select

the

1. • icon.

If you are using an icon, in

1. • Section Menu Icon Position - if icon used, select

to

1. • position

it

1. • left or right of

the o display

1. • heading label.

T

1. • Section Menu Show Item Icons? - Display menu item icons(selected in 'Section Menu Editor') next to each menu item

, check the Section Menu Show Item Icons.
6.

1. • ? Default: OFF
     
     
2. To save

your

1. settings,

click 

1. click Save.

• 
  

  Tip
  In order to To see your changes reflected on the website, you may need to login / out - as the Mega Menu widget Widget is session cached. For more information on caching, see our article on See: Cache Refreshing.

Add custom page to a section menu

A custom page must be added to at least one menu when you first configure its settings. The steps below will outline

This is how to add a page to a section menu, whether it's brand new or you're editing an existing one. 

1. Navigate Go to Content → Page Templates → Custom Pages.
   
   
2. Select Edit next to the page you require. 
   
   
3. Hover over Options → Page Properties.
   
4. Scroll to the Add to a Menu section. If there are menus for this page is currently accessible fromexist, they will be listed.
   
   
5. To add the page to a menu, in Menu Type, select whether the page is to be added to a section menu or navigation menu. This filters the menus you can select from in the dropdown list. 
   Image Removed
   If you want the added page to be hidden from view, toggle Hidden on. 
   To add the menu, click Section Menu. 
   Image Added
   
   
6. In Menu, select the menu.
   
   
7. To hide the page from view, toggle ON Hidden. 
   
   
8. Click Add Menu.
   
   

9. Click Save & Exit.
   
   

   Tip
   Depending on the menu's location on your site, you may need to refresh the cache in order to see your page appear on the webyour website.

   
   

Additional Information

Related help