Frontend Developer Manual / Version 2307
Table Of Contents
The default-teaser brick provides templates and basic CSS styles for default teasers. Templates exist for
all kinds of CMTeasable and as special variants for certain other types, such as Commerce Objects,
Pictures, Downloads etc.
Using the Brick
As shown in the example below, a default teaser can be displayed by including the corresponding content type with
the teaser view. You can also pass additional CSS classes as parameters to apply custom styling to your
default teasers.
<@cm.include self=self view="teaser"/>
The teaser view template works with all types and subtypes of type com.coremedia.blueprint.common.contentbeans.CMTeasable.
The following special views exist:
CategoryInSite.teaser.ftlCMDownload.teaser.ftlCMGallery.teaser.ftlCMHTML.teaser.ftlCMPicture.teaser.ftlCMSpinner.teaser.ftl(part of the 360-Spinner Brick)CMTeasable.teaser.ftlLiveContextExternalChannel.teaser.ftlLiveContextProductTeasable.teaser.ftlProductInSite.teaser.ftl
To configure the behavior of the template you can add the following parameters to the cm.include tag:
| Parameter | Type | Default | Description |
|---|---|---|---|
blockClass
|
String
|
"cm-teasable"
| A base name that will be used for CSS classes attached to the elements rendered by the template. |
additionalClass
|
String
|
""
| An additional CSS class that will be added to the outer div of the teaser. |
islast
|
Boolean
|
false
| Set to true to add a "is-true" CSS class to the teaser. |
renderLink
|
Boolean
|
true
| Per default, the whole teaser is clickable and will work as a link. Set to false to only use embedded call-to-action buttons as links. |
renderTeaserTitle
|
Boolean
|
true
| Whether to display the teaser title or not. |
renderTeaserText
|
Boolean
|
true
| Whether to display the teaser text or not. |
renderAuthors
|
Boolean
|
false
| Whether to display the list of linked authors. Will only be displayed if authors exist for this content. |
renderDate
|
Boolean
|
false
| Whether to display the date. Will only be displayed if a date exists for this content. |
renderEmptyImage
|
Boolean
|
true
| Whether to display an empty media element if no media has been linked or not. |
Table 6.9. Parameters of Teasers
