The product component is a server side component written in HTL, allowing to display product details. The product details 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 Sites editor, the component displays some placeholder data. On a publish instance, not setting any selector displays a "Product not found" message.
Note that when a selector is set, this example page always displays the same product data based on some sample data. Try different options:
The component, simply displaying placeholder data.
- jcr:primaryType: nt:unstructured
- jcr:createdBy: admin
- loadClientPrice: true
- jcr:lastModifiedBy: admin
- jcr:created:
- jcr:lastModified:
- sling:resourceType: cif-components-examples/components/product
In addition to the product component, this demonstrates the breadcrumb component displaying page content and commerce data up to the product page.
- jcr:primaryType: nt:unstructured
- jcr:createdBy: admin
- startLevel: 2
- jcr:lastModifiedBy: admin
- jcr:created:
- jcr:lastModified:
- sling:resourceType: cif-components-examples/components/breadcrumb
- structureDepth: 2