Expand my Community achievements bar.

Submissions are now open for the 2026 Adobe Experience Maker Awards.
SOLVED

AEM Product recommendation CIF component

Avatar

Level 2

Hello,

we have an AEM + Commerce headless architecture and we configured the Adobe Commerce Product Recommendations (https://experienceleague.adobe.com/en/docs/commerce/product-recommendations/overview)

We're trying to use AEM Product Recommendation CIF component (https://github.com/adobe/aem-core-cif-components/tree/master/extensions/product-recs/content/src/mai...

Opening the component dialog we see this configuration

aldoc77148901_0-1758721724559.png

So, we guess the component knows how to behave according to the page template, so that it matches what configured on Commerce side

aldoc77148901_1-1758721840171.png

 

 

But how the component knows which Page type the current page corresponds at?

 

More, to collect behavioral data, we must track them by our self using provided SDK as stated at https://experienceleague.adobe.com/en/docs/commerce/product-recommendations/getting-started/headless... right?

 

1 Accepted Solution

Avatar

Correct answer by
Level 5

Hi @aldoc77148901 

CIF doesn’t provide PDP, PLP, or Cart templates — you must create your own AEM page templates. Each template should have a pageType property (e.g., product-page, category-page, cart-page) that the Product Recommendations component reads to apply the correct recommendation rules. Behavioral tracking is not automatic; you must implement it using the storefront-events SDK.

 

Regards,

Karishma.

View solution in original post

4 Replies

Avatar

Level 4

Hi @aldoc77148901 ,

 

The AEM Product Recommendations component knows the page type from the Commerce page templates (like PDP, PLP, or cart), which map to values such as product-page or category-page. This pageType is passed to Adobe Commerce so it applies the right recommendation rule. For tracking shopper behavior, AEM doesn’t send data automatically — you need to implement it yourself using the storefront-events SDK, which feeds the data needed for the recommendation engine to work.

 

Thanks & regards,

Vishal

Avatar

Level 2

Can't find any of PDP, PLP, Cart template here https://github.com/adobe/aem-core-cif-components/tree/master/ui.apps/src/main/content/jcr_root/apps/... just a generic Page component.

Usually implementing templates is something custom, not included in Core Components or CIF Components.

 

So, it's not clear how CIF expects to mark a page as Product Detail, Category, Home page, Cart, Order Confirmation 

Avatar

Correct answer by
Level 5

Hi @aldoc77148901 

CIF doesn’t provide PDP, PLP, or Cart templates — you must create your own AEM page templates. Each template should have a pageType property (e.g., product-page, category-page, cart-page) that the Product Recommendations component reads to apply the correct recommendation rules. Behavioral tracking is not automatic; you must implement it using the storefront-events SDK.

 

Regards,

Karishma.

Avatar

Level 2

In a PDP, how product recommendationa component know which is the current product SKU?

If a configurable product is set in the current page, how it works with variations?