The Product generator allows you to access elements of a product in your storefront. This allows you to display details on the products inventory, price range, variants, and media associated with the product.
When Product is added, a new button will be added to the top right corner of the component that allows you to pick a product from your storefront as shown below.
Choose a product from your Storefront to have
Pick a Product from your storefront that will be used
Product Tag Props:
dataRef: DataLocator - the data-element storing the Generator's configuration
item: anonymous arrow function - used to create a collection item