How to Configure Product Picker

The Product Picker component allows web authors to display different products cards, product card lists and product carousals, different product cards, enable Wishlist Icon, Compare Checkbox, Add To Cart and Where To Buy Button Text , Where To Buy Page URL redirect URL on page.

Configuration
Property Expected Value
Tab: General
Display View  Card
Card Columns  2
Card Variant  Image as Background
Add product slides  
Click To Expand/Collapse  
Select Product  /var/commerce/products/assa-abloy/americas/ems/hes/12285/11441
CTA List  
CTA text  Product Button
CTA Path  /content/hes-innovations/us/en/qa-testing-pages
CTA Theme  Primary
Add Button  
Add Button  
Tab: Display
Component background color options  Grey