Commerce Listv1

The Commerce List component is a server side component written in HTL, allowing to display a list of the associated pages of product or product category. The product or category can be selected by the page author, otherwise it's derived from the page URL of a product detail page or a product list page.

The Commerce List component is based on the Core List component and it supports all the same features in addition to the commerce specific extensions.

Examples

Product Detail Page

The Commerce List component is defined at the bottom of the demo product page and is configured to be rendered only when the SKU matches "MH01": "Chaz Kangeroo Hoodie" product.

Product List Page

The Commerce List component is defined at the bottom of the demo product list page and is configured to be rendered only when the category identifier matches "uid-1": "Outdoor Collection" category.

Manual Product

Display pages associated to the selected product.

  • Product
  • Commerce List
  1. product: MH01
  2. sling:resourceType: cif-components-examples/components/list
  3. listFrom: productAssociation
    
        

    
  • Product
  • Commerce List

Manual Category

Display pages associated to the selected category.

  • Product List
  • Commerce List
  1. category: uid-1
  2. sling:resourceType: cif-components-examples/components/list
  3. listFrom: categoryAssociation
    
        

    
  • Product List
  • Commerce List

Manual Category with Links

Display pages as links associated to the selected category.

  1. linkItems: true
  2. category: uid-1
  3. sling:resourceType: cif-components-examples/components/list
  4. listFrom: categoryAssociation

Manual Category with Teasers

Display pages as teasers associated to the selected category.

  1. displayItemAsTeaser: true
  2. category: uid-1
  3. sling:resourceType: cif-components-examples/components/list
  4. listFrom: categoryAssociation