The Related Products component is a server-side component written in HTL, allowing to display a list of related products in a carousel style. This component actually reuses the Product Carousel component to display the products. The products are retrieved from Magento via GraphQL. This component can be used on any experience page.
The component can be configured to fetch products based on the 3 "relation types" that exist between products in the Magento GraphQL schema:
The base product used to display the related products is either taken from:
Note: due to the limited amount of sample data available, the links to product pages will always display the same demo product.
The component, simply displaying sample data.
- jcr:primaryType: nt:unstructured
- jcr:createdBy: admin
- jcr:title: Upsells for the Summit Backback!
- jcr:lastModifiedBy: admin
- product: 24-MB02
- relationType: UPSELL_PRODUCTS
- sling:resourceType: cif-components-examples/components/relatedproducts