Navigation (5 mins)

This video explains how to create the main menu, sub menu and breadcrumbs.

There are four types of navigation:

• Main menu - this lists all pages at the top level (in the left most position in the left panel).
• Submenu - this lists all pages in the current folder.
• Breadcrumbs - shows the path to this page from the home page.
• Sitemap - a list of all pages in the site [see Sitemap]
  

If 'include in menu' (right click the page in menus or left panel) is unchecked the page will not appear in any navigation and you must manually link to the page if you want it to be found.

You need to write the HTML once for the current page, other pages, and anything that goes between each menu item.

cms_mainmenu_on

Use this as the classname of the outer element of the current page in the main menu.

cms_mainmenu_off

Use this as the classname of the outer element of the other pages in the main menu.

Ditto for the submenu:

cms_submenu_on
cms_submenu_off

And the breadcrumbs:

cms_breadcrumbs_on
cms_breadcrumbs_off

Within the current page and other pages there are three tokens:

cms_menu_text

This gets replaced by the menu text, i.e. the link text.

cms_menu_href

This gets replaced by the URL for the target page. Within the CMS it is a scripted link but is a real URL on published sites.

cms_menu_extra

This gets replaced by the 'hover' text. It is normally used to provide a title for the link, but could be used in other ways.

Example

<a class="cms_mainmenu_on" href="cms_menu_href" title="cms_menu_extra">
  cms_menu_text
</a>
|
<a class="cms_mainmenu_off" href="cms_menu_href" title="cms_menu_extra">
  cms_menu_text
</a>

The pipe character will be repeated between each item in the menu.