Icon Teaser
You can use Icon Teaser as the title in a Experience Fragment. Icon Product Teaser opens a Modal, which contains this Experience Fragment.
The Icon Teaser is very similar to the Icon Product Teaser with slight modifications like the background color. It has two variants:
- Title as H4
- Offer on the content (example: ab €19 pro Tag)
For SEO optimization reasons, the Title Type should always be H3; the H4 style is only visual; that is, the markup (HTML) does not change, only its appearance.
Options
Icon teaser only uses the option: "Offer ab AXP..."
Styles
Icon teaser only uses the style: Title as H4
Remember that styles only change the appearance of the title, not its markup (it should always be H3).
Unused items:
- link
- CTA
- Pre title
Content in any of these elements will not display. Links are disabled by default.
Examples:
Type of Teaser: Icon Teaser
Option: none
Style: Title as H4
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Type of Teaser: Icon Teaser
Option: Offer: Ab X€ pro ...
Style: Title as H4
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Type of Teaser: Icon Teaser
Option: none
Style: none
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
- Properties
- Markup
- JSON
- jcr:title: Hin- und Rückflug Pauschal
- imageFromPageImage: false
- fileReference: /content/dam/aida-component-library/icons/briefcase-transparent.svg
- titleFromPage: false
- alt: alt text
- jcr:description: <p>ab <span class="aidaPrice">19€</span> pro Tag</p>
- linkTarget: _self
- descriptionFromPage: false
- sling:resourceType: aida-component-library/core/components/content/teaser
- isDecorative: false
- textIsRich: true
- altValueFromDAM: false
- cq:styleIds: 1652426964757,1652692558919,1652437403828