Commerce Teaserv2

The Commerce Teaser component written in HTL extends the WCM core Teaser component. In addition to supporting an image, title, rich text description and actions/links, it also supports Call-To-Action to a commerce product or category page. Teaser variations can include some or all of these elements.

Note: due to the limited amount of sample data available, the link to the product page will always display the same demo product.

Examples

Call To Action Button - Product

Teaser with an image, title and call-to-action button linking to a product page.

Snowy mountain glacier

Get ready for the cold !

  1. jcr:title: Get ready for the cold !
  2. fileReference: /content/dam/core-components-examples/library/sample-assets/snowy-mountain-glacier.jpg
  3. actionsEnabled: true
  4. titleFromPage: false
  5. descriptionFromPage: false
  6. sling:resourceType: cif-components-examples/components/teaser
  7. textIsRich: true
    
        

    
Snowy mountain glacier

Get ready for the cold !

Call To Action Button - Category

Commerce Teaser

Lava flowing into the ocean

Water, Fire & Ice.

  1. jcr:title: Water, Fire & Ice.
  2. fileReference: /content/dam/core-components-examples/library/sample-assets/lava-into-ocean.jpg
  3. actionsEnabled: true
  4. titleFromPage: false
  5. descriptionFromPage: false
  6. sling:resourceType: cif-components-examples/components/teaser
  7. textIsRich: true
    
        

    
Lava flowing into the ocean

Water, Fire & Ice.

Multiple Call To Action Buttons

Commerce Teaser

Aerial photo of mountain range

Get ready for the cold !

  1. jcr:title: Get ready for the cold !
  2. fileReference: /content/dam/core-components-examples/library/sample-assets/mountain-range.jpg
  3. actionsEnabled: true
  4. titleFromPage: false
  5. descriptionFromPage: false
  6. sling:resourceType: cif-components-examples/components/teaser
  7. textIsRich: true
    
        

    
Aerial photo of mountain range

Get ready for the cold !