Page History

Overview

...

...

...

Take a look.

...

...

Image Removed

The new interface guides you through the creation of your menu, as well as the addition of each menu item. 

This how-to guide helps you create menus and menu items in the current version of the section menu editor. 

Creating a New Menu 

1. In the CMS, select Navigation → Section Menu Editor.
   Click Image Added
   
2. Click Create New Menu.
   
   
3. Give In Label, give your menu a labelname. Note that this won't be displayed anywhere, 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.
   
   Give the new item a label and select the type of menu item you wish to add - page, product, category or link.
   The dropdown list of options will change depending on the menu type you choose - you can lookup products / categories, existing pages, or input a complete URL for a link.
   For Links
   
6. , rememberIn Label, name the menu item. This label will be displayed in the menu.
   
   
7. If you want an icon to appear next to the menu label, in Icon Name, select an icon. 
   
   
8. In Menu Type, select the landing page for the menu item:
    page - select a page on your site
    product - select a product (to land on the product details page)
    category - select a product category  
    link - enter the path of the destination and toggle 'Open a New Window' on if you want the landing page to open in a separate window. 
   
   For links, remember:
   • Valid URLs must start with either http:// or https://
   • Javascript code must start with javascript:
     
     
     
     
     
9. There are additional options for Pages: 
   1. Include in Site Map
   2. Open in New Window (this option is also available for Links)
   3. Hidden
      Image Modified
   
   Next, you
   1. 
      
      

10. Repeat steps 5-9 to create additional menu items.
    
    

    Tip
    You can drag and drop the menu items to re-order them if you decide the sequence isn't right.

    
    

11. To save all changes to this menu, click the Save button in the top right corner. 
    
    

Adding Access Options to a Menu or Menu Item

You can configure who can access

this

a menu or an individual menu

. Select 

item. Next to the menu or menu item, select Options → Associated Roles. By default, each item you add to a section menu will inherit the role permissions

of the top level parent item

set for the menu. However, you can configure different access to individual menu items if required.

1. When you first create a new section menu, it will be linked to ALL menu codes. You can toggle off the ones you don't want right here.
   
   
   
2. Click Confirm, then repeat Step 5 onward to build out your section menu. You can even drag and drop the menu items to re-order them if you decide the sequence isn't right.  
   Save your new Confirm to exit the box.   
   
   
3. Click Save to save any changes made to the menu.

Displaying a menu on your site

Once you 've got have created a section menu, the next step is to you can display it on your site.  You can do this in one of 2 ways: using by (i) using a Section Menu widget , or (ii) including it with your site's Mega Menu. 

Both options are covered below. 

...

Displaying a menu by using a Section Menu widget

A Section Menu widget can be placed virtually anywhere on your website, so it's the most flexible option for displaying a content menu. 

1. Navigate to Content → Page Templates and select the template you wish to display your menu on. You For example, you might choose the 'Theme Layout' for your site's footer, or the content zone of your home page, for example.
   
   
2. Scroll to the required zone and click Add Widget.
   
   
3. Search for and select Section Menu widget, then click Add Widget. 
   
   
4. The widget configuration window will open automatically for you to adjust settings.
   
   
5. Find the Section Menu Item Code field, and select your section menu from the dropdown list. 
   
   
   
6. Specify any remaining settings you require (icons, etc.) - you'll find more info on this widget and its options here - Section Menu Widget, or in the Documentation tab right inside the widget!
   
   
7. If you'd like a heading to display above your menu, select the Titles tab. Enter your List Heading, and specify a link for it if required. 
   
   
   
8. Once you're happy, Save the widget.
   If you're ready to send it live immediately, toggle the 'Enable widget on Save' setting at the bottom of the window before you click Save. 

...

Display a menu as part of the Mega Menu

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

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

1. Navigate to Content → Page Templates. 
   
   
2. Select the Theme Layout. 
   
   
3. Locate the Mega Menu widget and click Edit. 
   
   
4. Select the Section Menu Settings tab. 
   
   
5. Configure options as required: 
   • Section Menu Item Code - select your section menu from this dropdown list. 
   • Append (display at the end) or Prepend (display at the beginning) your section menu to the Category menu. 
   • Enter a heading / label for the menu (optional). If you leave this blank, the label from the first menu item will display in its place. 
   • Enter a link for the menu heading (optional). 
   • Select an (optional) icon to display next the the heading.
     • Select the position for the icon to display - left or right of the heading text.
       
6. Save.

 

Tip
In order to see your changes reflected on the website, you may need to login / out - the Mega Menu widget is session cached. For more information on caching, see our article on Forcing A Cache Refresh.

 

Custom Pages - adding a page to a menu

...

1. Navigate to Content → Page Templates → Custom Pages.
   
   
2. Edit the page you require. 
   
   
3. Options → Page Properties.
   
4. Scroll to the Add to a Menu section. You'll see the menus this page is currently accessible on, as well as an Add Menu option.
   
   
5. Select the menu you'd like to add the page to. You can filter the dropdown options by choosing either Section menu or Navigation menu types. 
   
   
   
6. You have the option of adding the page to a menu but keeping it hidden, via the Hidden toggle. 
   
   
7. Click Add Menu.
   
   

8. 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 web.

...

Additional Information

...

...