The Product List component is a server side component written in HTL, allowing to display product listings. The product listings for a category are retrieved from Magento via GraphQL using the product identifier provided in the URL selector.
On an author instance, when the page URL does not contain any selector, like for example when the page is edited in the AEM editor, the component displays some placeholder data. On a publish instance, not setting any selector displays a "No products to display" message.
Note that when a selector is set, this example page always displays the same products data based on some sample data. Try both:
The component can be configured:
The component, simply displaying sample data.
- showImage: true
- showTitle: true
- loadClientPrice: true
- pageSize: 6
- sling:resourceType: cif-components-examples/components/productlist
Outdoor Collection12 items
In addition to the productlist component, this demonstrates the breadcrumb component displaying page content and commerce data up to the category page.
- startLevel: 2
- sling:resourceType: cif-components-examples/components/breadcrumb
- structureDepth: 2