The Commerce Breadcrumb component is a server-side component written in HTL, rendering a combined AEM page and commerce catalog breadcrumb. The commerce elements of the breadcrumb (i.e. categories and product) are retrieved from Magento via GraphQL. The main usage of this component would be as part of all page templates which include a breadcrumb.
This component is based on the Breadcrumb component of the AEM Core Components library.
- Combines AEM page and commerce elements in the breadcrumb
- Optionally displays/hides the catalog page (like in the Commerce Navigation component)
The component uses the default HTL and Use-object of the Breadcrumb component of the AEM Core Components library.
This component has the same properties defined by the Breadcrumb component of the AEM Core Components library.
In addition and similar to the Commerce Navigation component, it defines and uses the ./structureDepth
property to control the maximum depth of categories that should be displayed in the breadcrumb.
Like the Commerce Navigation component, it also indirectly references the ./showMainCategories
property of the catalog page to control whether the catalog page is displayed or not in the breadcrumb.
Check the BEM description of the Breadcrumb component of the AEM Core Components library.
- Vendor: Adobe
- Version: v1
- Compatibility: AEM 6.4 / 6.5
- Status: production-ready