This online publication is intellectual property of Apptus Technologies. Its contents can be duplicated in part or whole, provided that a copyright label is visibly located on each copy and the copy is used in conjunction with the product described within this document.
All information found in these documents has been compiled with utmost attention to detail. However, this does not guarantee complete accuracy. Neither Apptus Technologies nor the authors shall be held liable for possible errors or the consequences thereof.
Software and hardware descriptions cited in these documents might be registered trademarks. All trade names are subject to copyright restrictions and may be registered trademarks. Apptus Technologies essentially adheres to the manufacturer’s spelling. Names of products and trademarks appearing in this document, with or without specific notation, are likewise subject to trademark and trade protection laws and may thus fall under copyright restrictions.CLOSE
Recommendation Area Integration¶
The Recommendation product list component is a generic recommendation component used to display the top products within a given selection on any page type. The selection is determined by the provided facet attributes and can typically be used to create a highlight for particular product segments such as a new collection, a sale, or a specific subcategory.
Multiple recommendation listings can be used on a page as long as each component have a unique
zone-id for that page. If a product is included in more than one recommendation listing on a page, it will automatically be deduplicated to maximise the number of unique products on a page.
<esales-recommendation-product-list zone-id="sp1" size="4" data-product.department="Shoes" label="Even more shoes!"></esales-recommendation-product-list>
The Recommendation prodict list component supports product carousels for both desktop and mobile devices. This is done with the addition of the attribute
carousel to the component. An additional attribute,
breakpoint, can be added with a pixel value that determines when the carousel scroll arrows are to be either outsider or inside of the carousel. The default value is
The following example illustrates a Recommendation product list carousel with
8 products and a window breakpoint of
1200 pixels. The products are selected from a custom attribute
collection with the value
<esales-recommendation-product-list zone-id="sp1" size="8" carousel breakpoint="1200" data-custom.collection="SUMMER_COLLECTION" label="Summer is here!" showMoreLink="https://www.esalesdrivensite.com/summer-is-here"> </esales-recommendation-product-list>