Page History

Create a New Menu 

1. In the CMS,

1. go to Navigation → Section Menu Editor.
   

1. Image Added
   
2. Click Create New Menu.
   
   

3. In Label,

1. name your menu

1. . NOTE -  This won't be displayed anywhere

1. as it's just a name for internal use. 

1. 
   Image Added

   Info
   Labels already in use can still be duplicated. The system will distinguish same name labels it by adding numbers to identifier codes. Example: 'Feature Nav'  Image Added

   
   
   

2. Click Save. The menu is added to the dropdown list.
   
   
3. Next, click Add Item To Menu.
   Image Modified
   
   
4. In Label, name the menu item. This

1. name is displayed on the menu.
   

1. 
   
2. (optional) Display an icon

1. next to the menu item label

1. . In Icon Name, select

1. from the dropdown list. 
   
   
2. In Menu Item Type, select the landing page type for the menu item:
   

1. Image Added
2. Page to link to:
    page - a page on your site

1. ; 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. (For versions 4.37+ only)
    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

1. • either http:// or https://
   • Javascript code must start with javascript:
     

1. Click Save.
   
   

2. Repeat steps 5-9 to create

1. more menu items.
   
   

   Tip

1. After you have created the menu items, you can drag and drop

1. to re-order them if you decide the sequence isn't right.

1. Image Added

   
   

2. To save all changes

1. , click

1. Save

1. on the top right corner of the page. 

Add Access Options to a Menu or Menu Item

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

Defaults:

• A new section menu is 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

• .

• )

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. Click 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 used on your site). 

(i) Use a Section Menu

Widget

1. Go to Content → Page Templates

1. , then select the template

1. . (Example: 'Theme Layout' for your site's footer

1. )
   
   
2. Scroll to the

1. right zone and click Add Widget.
   
   
2. Search for and select Section Menu

1. Widget, then click Add Widget.

1.  
   
   
2. Edit the widget:
   In Section Menu Item Code

1. ,

1. select

1. the needed section menu

1. . 
   

1. Image Added
   
   
2. Set other options as needed. See: Section Menu Widget.
   
   
3. To display a menu heading above the menu items, select the Titles tab.
   Image Added 

2. In List Heading, enter the heading title

1. for display.
   
   
2. If this heading is a link, in Heading Link, add the path to the landing page.
   

1. 
   
2. To display an icon

1. next to the heading, select from

1. Heading Icon

1. .
   
   
2. In Heading Icon Position, select

1. to display icon left or right of the heading. Default: left.
   

1. Click Save. NOTE - To send the menu live immediately, toggle ON Enable widget on Save

1. before

1. Save. 

(ii) Display a section menu

on Mega Menu

Only for websites that use a Mega Menu (where

top level categories are listed individually,

not in one big flyout)

.

Configure the Mega Menu

Widget to display a section menu either before or after the product categories.

Image Added

1. Go to Content → Page Templates. 
   

1. 
   
2. Select the Theme Layout.

1. 
   
2. Find the Mega Menu

1. Widget and click Edit.

1. 
   
   
2. In the menu, select the Section Menu Settings tab.

1. Image Added
   

1. Set options

1. : 
   

1. 
   
   • Section Menu Item Code

1. • - select the section menu

1. • .

1. • Section Menu

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

1. • : show menu after the Category menu

1. • ; 'Prepend': show menu before

1. • Category menu. 

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

1. • . If

1. • lblank,

1. • the first menu item

1. • label displays here. 

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

1. • , enter

1. • link details. 

1. • Section Menu Icon

1. • - (optional) select

1. • icon.

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

1. • position

1. • left or right of

1. • heading label.

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

1. • ? Default: OFF
     
     
2. To save

1. settings,

1. click Save.

• 
  

  Tip

• To see your changes

• on the website, you may need to login / out

• as the Mega Menu

• Widget is session cached.

• 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.

This is how to add a page to a section menu

. 

1. Go to Content → Page Templates → Custom Pages.
   
   
2. Select Edit next to the page

1. . 
   
   
2. Hover over Options → Page Properties.
   

1. Image Added
2. Scroll to the Add to a Menu section. If

1. menus for this page

1. exist, they will be listed.
   
   
2. To add the page to a menu, in Menu Type, select

1. Section Menu. 
   Image Added
   
   
2. In Menu, select the menu.
   
   
3. To hide the page from view, toggle ON Hidden. 
   
   
4. Click Add Menu.
   
   

5. Click Save & Exit.
   
   

   Tip
   Depending on the menu's location on your site, you may need to refresh the cache

1. to see your page

1. on

1. your website.

   
   

Additional Information

Related help