Exclude a page from the navigation menu

Abstract

Hide a page from navigation menu by using a navigation filter

You may want to hide some of your pages from the navigation menu. For example, when you created a static home page, or when you have form pages that visitors only need to see when they click a link. You can hide a page using the custom navigation filters or create a new navigation filter.

SXA comes with navigation filters. You can use these existing filters to hide a page from the navigation menu.

To hide a page from the navigation menu:

  1. For example, if the navigation rendering is used on a page that uses main navigation, it would normally show the Form page.

    Navigation example showing the Form page.

    If you want to hide the form page, In the Content Editor, on the page level, you can select the navigation filter that you don't want the page to show up for. Navigate to the page and in the Navigation section, in the Check to hide in navigation filters field, select the filter you want to hide the page for.

    Check to hide in navigation filter.
  2. In the Experience Editor, in the Navigation toolbar, click Edit component properties in the Navigation Filter field, select  Main Navigation.

    In the Navigation Settings select Main navigation.

    If you now reload the page, you will see that the Form page is removed from the navigation menu.

    The Form page is hidden from the navigation menu.

You can also create a custom navigation filter.

To create a custom navigation filter:

  1. Navigate to /sitecore/content/Tenant/Site/Data, right-click Navigation Filters, and click Insert, click Navigation Filter.

  2. Enter a name and click Ok.

    Add a custom navigation filter.
  3. At the page level, you can select the navigation filter that you don't want to page to show up for. In the Check to hide in navigation filters field, you can now select the filter you created and/or any other filter.

    The custom navigation filter is available.