Documentation

Using Navigation Menus

By default, Sites start with a Navigation Menu widget that is configured to display the site’s Public Pages hierarchy. In some cases, you may want more direct control or flexibility with how your site’s navigation menu is defined and displayed when the default configuration is not sufficient. In these cases you can create and configure new navigation menus.

Getting started with Navigation Menus involves:

  1. Creating a Navigation Menu

  2. Adding items to the menu like existing pages, adding links, or sub-menus

  3. Optionally, categorizing the navigation menu to serve a particular function on your site

  4. Adding the Navigation Menu widget (if it is not already present) to a page and configuring it

For example, a navigation menu can contain all child pages of a given page. You can display the menu using the Navigation Menu widget on the parent page. This creates a navigation that only displays the child pages selected, in effect creating a mini-site.

The Navigation Menu widget can be configured to display the pages that you want.

Tip

In DXP 7.3+, you can use Custom Fields to add more information to each item in your navigation menus (under Site Navigation Menu Item in the Custom Fields menu). You can then use Application Display Templates to use this information to further customize your navigation menus.

Creating Navigation Menus

  1. Click Product Menu (Product Menu) → Site BuilderNavigation Menus.

  2. Click the Add button (Add Page) to add a new menu.

  3. Enter a name: (for example: New Menu).

    Create a new navigation menu.

  4. Click Save when finished.

The new navigation menu has been created.

Assigning Pages to a Navigation Menu

There are two main ways to assign existing pages to a navigation menu: click the New button or the Add button (Add Page).

  1. Click NewPage.

    Create a new Navigation Menu.

  2. Select the pages to be included into this navigation menu; in this example, three child pages from the private pages are to be included.

    Select the pages to be included in the Navigation Menu.

  3. Click Add when finished.

  4. Verify that the new navigation menu has been created.

    Verify that the new navigation menu has the child pages.

Assigning New Pages to a Navigation Menu

You don’t have to create any pages before creating navigation menus. You can create a navigation menu first and then assign the pages later, when you create them.

Pages can be added automatically to existing Navigation Menus.

To disable automatically adding new pages to a navigation menu,

  1. Click the (Options) icon next to the desired Navigation Menu (for example, New Menu) then Edit.

  2. Click the (Gears) icon.

  3. Uncheck the box.

    Disable the setting where pages are automatically added to this Navigation Menu.

  4. Click Save when finished.

Once disabled, you’re not prompted to add the page to a navigation menu.

Disable the setting where pages are automatically added to this Navigation Menu.

Categorize a Navigation Menu

You can categorize a navigation menu in the following ways:

Navigation Menu Type Usage
Primary Navigation Primary Navigation is the main navigation for a page.
Secondary Navigation Secondary Navigation is a second level of navigation, possibly a sidebar or a separate menu within a page.
Social Navigation Social Navigation is for menus that contain links for sharing content on social media or similar tasks.
  1. Click the (Options) icon next to the desired navigation menu (for example, New Menu)

  2. Click the desired navigation (for example, Primary Navigation).

    Mark the Navigation Menu as Primary.

The navigation menu type appears in the Marked As field. For more information about each type, see the Configuring Navigation Menus.

Deleting a Navigation Menu

  1. Click the (Options) icon next to the desired navigation menu (for example, New Menu) then Delete.

  2. Click OK in the confirmation.

The Navigation Menu has been deleted.