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.
- Properties
- Markup
- jcr:title: Get ready for the cold !
- fileReference: /content/dam/core-components-examples/library/sample-assets/snowy-mountain-glacier.jpg
- actionsEnabled: true
- titleFromPage: false
- descriptionFromPage: false
- sling:resourceType: cif-components-examples/components/teaser
- textIsRich: true
Call To Action Button - Category
Commerce Teaser
- Properties
- Markup
- jcr:title: Water, Fire & Ice.
- fileReference: /content/dam/core-components-examples/library/sample-assets/lava-into-ocean.jpg
- actionsEnabled: true
- titleFromPage: false
- descriptionFromPage: false
- sling:resourceType: cif-components-examples/components/teaser
- textIsRich: true
Multiple Call To Action Buttons
Commerce Teaser
- Properties
- Markup
- jcr:title: Get ready for the cold !
- fileReference: /content/dam/core-components-examples/library/sample-assets/mountain-range.jpg
- actionsEnabled: true
- titleFromPage: false
- descriptionFromPage: false
- sling:resourceType: cif-components-examples/components/teaser
- textIsRich: true