Working of CIF commerce Breadcrumb feature

Question

Can Someone tell me, how CIF commerce breadcrumb feature works?

Location: /apps/core/cif/components/structure/breadcrumb/v1/breadcrumb

But, this refers to: core/wcm/components/breadcrumb/v2/breadcrumb

Sample Venia application path: http://localhost:4502/content/venia/us/en/products/product-page.html/shop-the-look/timeless-sophistication/felicia-maxi-dress.html

cc @hemalatha @amanath_ullah @mukeshyadav_ @pulkitvashisth

sarav_prakash · Accepted Answer

The CIF breadcrumb component is built on top of venia components and storefront peregrine talons and extends core breadcrumb component. Its documentation is here

https://github.com/adobe/aem-core-cif-components/tree/master/ui.apps/src/main/content/jcr_root/apps/core/cif/components/structure/breadcrumb/v1/breadcrumb

On load of PDP or PLP, the CIF Core Compnents caches the graphql response and builds breadcrumb. Its implementation is found in BreadcrumbImpl. It calls BreadcrumbRetriever, runs graphql query, and overrides getItems(). When wcm core breadcrumb component is rendered and getItems() invoked, the result of graphql is rendered on PDP or PLP.

arunpatidar · Answer

Hi @mahesh_gunaje You can check the implementation at https://github.com/adobe/aem-core-wcm-components/tree/main/content/src/content/jcr_root/apps/core/wcm/components/breadcrumb/v2/breadcrumb

Sign up

Login with SSO

Login to the community

Login with SSO