Overview
What is a section menu? Explanation of the difference between this and a nav menu.
How To
Create New Menu
Assign a description
Options → Associated Roles
This displays all the top level menus and the Roles that are linked to them.
By default, new section menus are linked to ALL menu codes. You can toggle off the ones you don't want right here.
Displaying a section menu on the web
Once you've created or edited your section menu, you'll probably want to display it on your site.
To do this, you'll need a Section Menu widget.
Place widget on the required page template (Theme Layout for the footer, or another page template to display in content area..).
Select the section menu from the dropdown in the widget edit window.
Custom Pages - adding to a menu
...
Create a New Menu
- In the CMS, go to Navigation → Section Menu Editor.
- Click Create New Menu.
In Label, name your menu. NOTE - This won't be displayed anywhere as it's just a name for internal use.
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'
- Click Save. The menu is added to the dropdown list.
- Next, click Add Item To Menu.
- In Label, name the menu item. This name is displayed on the menu.
- (optional) Display an icon next to the menu item label. In Icon Name, select from the dropdown list.
- In Menu Item Type, select the landing page type for the menu item:
- 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. (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 either http:// or https://
- Javascript code must start with javascript:
- Click Save.
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.
- To save all changes, click Save 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.)
- Next to the menu or menu item, select Options → Associated Roles.
- Toggle ON/OFF for each Role as needed.
- Click Confirm.
- 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
A Section Menu widget can be placed on any template. So it's the most flexible option for displaying a content menu.
- Go to Content → Page Templates, then select the template. (Example: 'Theme Layout' for your site's footer)
- Scroll to the right zone and click Add Widget.
- Search for and select Section Menu Widget, then click Add Widget.
- Edit the widget:
In Section Menu Item Code, select the needed section menu.- Set other options as needed. See: Section Menu Widget.
- To display a menu heading above the menu items, select the Titles tab.
- In List Heading, enter the heading title for display.
- If this heading is a link, in Heading Link, add the path to the landing page.
- To display an icon next to the heading, select from Heading Icon.
- In Heading Icon Position, select to display icon left or right of the heading. Default: left.
- Click Save. NOTE - To send the menu live immediately, toggle ON Enable widget on Save before 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.
- Go to Content → Page Templates.
- Select the Theme Layout.
- Find the Mega Menu Widget and click Edit.
- In the menu, select the Section Menu Settings tab.
- Set options:
- Section Menu Item Code - select the section menu.
- Section Menu Append / Prepend to Category Menu? - 'Append': show menu after the Category menu; 'Prepend': show menu before Category menu.
- Section Menu Heading - add heading for the section menu. If lblank, the first menu item label displays here.
- Section Menu Link - if heading is a link, enter link details.
- Section Menu Icon - (optional) select icon.
- Section Menu Icon Position - if icon used, select position left or right of heading label.
- Section Menu Show Item Icons? - Display menu item icons(selected in 'Section Menu Editor') next to each menu item? Default: OFF
- To save settings, 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.
- Go to Content → Page Templates → Custom Pages.
- Select Edit next to the page.
- Hover over Options → Page Properties.
- Scroll to the Add to a Menu section. If menus for this page exist, they will be listed.
- To add the page to a menu, in Menu Type, select Section Menu.
- In Menu, select the menu.
- To hide the page from view, toggle ON Hidden.
- Click Add Menu.
Click Save & Exit.
Tip Depending on the menu's location on your site, you may need to refresh the cache to see your page on your website.
Additional Information
Multiexcerpt | ||
---|---|---|
| ||
-- |
Multiexcerpt | ||||
---|---|---|---|---|
| ||||
Minimum Version Requirements |
| |||||
---|---|---|---|---|---|---|
Prerequisites |
| |||||
Self Configurable |
| |||||
Business Function |
| |||||
BPD Only? |
| |||||
B2B/B2C/Both |
| |||||
Third Party Costs |
|
Related help
Content by Label | ||||||||
---|---|---|---|---|---|---|---|---|
|