Agencies
Services
Breadcrumb
Description
Breadcrumb is a component that shows up on every page except for the website home page. It appears directly below the navigation menu.
Authoring
The Breadcrumb component can be edited on most pages, excluding the home page template which does not have the Breadcrumb component embedded. By default, any changes made to the Breadcrumb on a given page will be inherited by all its child pages.
Configuring the Properties tab
- The Breadcrumb component will show the page hierarchy starting from the home page up to the current page.
- The higher the value is for the navigation start level, the deeper the root node will start. For example, if you enter 4, the Breadcrumb will start at the second level page and not show the home page.
- Change background color as needed using the color picker.
- To hide a particular page from the dropdown, go to that page's properties and select hide in navigation.
- Enable show hidden navigation items to show pages that have been hidden.
- You can choose to hide the current page.
- For any redirect pages, you can disable shadowing to show the AEM page title rather than the destination page's actual title.
Configuring the Styles
- Select white Text style if you have configured a dark background color and vice versa.
Examples
See the example on the top of this page.
