Mercury Dokumentation

Media:The formatter "Accordion media teaser"

The media element allows the integration of videos or audios from external providers like e.g. YouTube or SoundCloud.

The accordion teaser displays the content in the form of an accordiont that is automatically generated by the list.

A special feature of accordion lists is that they do NOT link to a detail view, as all essential information of the content is already displayed in the accordion.

This teaser can only be used in a static list.

Back

100 years “Decker Pitter”
3:41

A special birthday at Cologne Cathedral

The “Decke Pitter” – the Peter's Bell of Cologne Cathedral – celebrated its 100th birthday on May 5, 2023.

Man sieht eine feiernden Menschenmenge auf einer Tanzfläche mit stimmungsvoller Beleuchtung. Im Vordergrund formt eine Person mit den Händen ein Herz.
0:00
0:52
© Photo by Anthony DELANOIX on Unsplash

This is the introduction to the audio.

If a preview image is specified in the content, it will be used as the background for the audio player.

Further examples and descriptions for lists with accordion article teasers (de)

Available element settings

CSS modification (Select box)

Allows to change the element layout using predefined CSS modifications.

Please note that a specific element may not support all listed modifications.

Teaser headline (Select/combo box)

Controls the importance level of the teaser headline in the list elements.

This is relevant for search engines (SEO) and will not change the visual "size" of the teaser headline.

Image format (mobile) (Select/combo box)

The image format for small screens like smartphones.

Allows you to set the image size based on common formats.

The image will automatically be scaled so that the original pixels are best fitted to the selected target format.

Instead of the presets, you can also manually enter any format. Use "width-height", for example "5-1" for an extreme wide format.

Image format (desktop) (Select/combo box)

The image format for large desktop screens.

Allows you to set the image size based on common formats.

The image will automatically be scaled so that the original pixels are best fitted to the selected target format.

Instead of the presets, you can also manually enter any format. Use "width-height", for example "5-1" for an extreme wide format.

Open first entry (Check box)
Opens the first entry when the page is loaded.
Multiple entries open (Check box)

Controls if multiple entries in the accordion can be opened simultaneously.

If this is not set opening an entry automatically closes the entry that is currently open.

Show image zoom (Check box)
A zoom option is added to the images.
Show image copyright (Check box)

Controls if the copyright information for teaser images is displayed as an overlay.

Show image title (Check box)
If available, the image title is displayed below the image.