Product Page Integration¶
A product page is in general made up of the Product page component, <esales-product-page>
, and one or more Recommendation product list components, <esales-recommendation-product-list>
. The Product page component keeps track of notifications and visitor interactions and requires a product key supplied to its product-key
-attribute.
<esales-product-page product-key="P1"></esales-product-page>
<esales-recommendation-product-list
zone-id="sp1"
size="8"
data-custom.collection="MENS_SHOES"
label="Similar items">
</esales-recommendation-product-list>
<esales-recommendation-product-list
zone-id="sp2"
size="4"
label="You might also like"
handpicked="P2,P4,P5,P7">
</esales-recommendation-product-list>
Matching product keys in data feed
The provided product key must match the key of the product as provided in the data feed.
Discontinued products that are omitted from the data feed but present on the site, will not yield any product recommendations.
For more information about integration and visualisation of recommendations, see Recommendation Area Integration.