Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
Bedrock Mission!

Learn more

View all

Sign in to view all badges

Magento integration - Add to Cart functionality


Level 2



I have integrated my Site with Magento and able to see my products and different variants. But the Add to Cart is disabled.

I am using the code from aem-core-cif-components. Upon debug i can see variants in variantSelector.js are blank. 

this._state.variantData = JSON.parse(this._element.dataset.variants);

element is getting fetched from 


 All variants are getting displayed on html with correct values. 

Please let me know what can be issue with variants not getting populated in js file.

I am using cif-connector 0.7 version.



1 Reply


Community Advisor

Hi @saukaush 

It might be something trivial like you might have to select some specific product attributes like color, size, etc. before 'Add to bag' would be enabled. Please confirm if that's the case, otherwise please share the some screenshots of the product page and console log, etc to better assist.