Productcarouselv1
The Product Carousel component is a server-side component written in HTL, allowing to display a list of featured products in a carousel style. The products are retrieved from Magento via GraphQL. This component can be used on any experience page.
Note: due to the limited amount of sample data available, the links to product pages will always display the same demo product.
Examples
Sample products
Product carousel displaying products for the provided SKUs.
- Properties
- Markup
- jcr:title: Summer promotions!
- product: 24-MB02,WJ04#WJ04-XS-Orange,MH01,MH01#MH01-XS-Orange
- sling:resourceType: cif-components-examples/components/productcarousel
Category products
Product carousel displaying products of the provided category.
- Properties
- Markup
- jcr:title: Sports selection
- category: uid-3
- productCount: 3
- selectionType: category
- sling:resourceType: cif-components-examples/components/productcarousel
Add to Cart and Add to Wish List button
Product carousel with Add to Cart button and Add to Wish List button.
- Properties
- Markup
- enableAddToWishList: true
- jcr:title: Sports selection
- category: uid-3
- productCount: 3
- selectionType: category
- sling:resourceType: cif-components-examples/components/productcarousel
- enableAddToCart: true