With the Teaser Slider you can display different teaser components as sliders in the website and app. Slider in this case means that you can scroll the components either with the navigation keys (web) or your finger (app).
Supported teaser formats
The component currently supports the following teaser formats:
-
Posts
-
Articles
-
Events
-
Podcasts
-
-
Article Groups
-
Event Groups
-
Podcast Groups
Supported teaser layouts
You can display the teasers in the slider with the following layouts (if you don't know what layouts are, you can read about it here):
-
Detail Teaser
-
Split M
-
Split L
-
Image Only
Display Time
You can set in the radiosphere Studio Editor how long a teaser is displayed within the slider component. If the specified time is exceeded, the component automatically switches to the following teaser. This happens infinitely, so at some point the first teaser is displayed again in the slider. If you switch to the next teaser manually, the automatic transition stops. The time until the transition must be defined in seconds in the corresponding field.
Important: If the teaser components are to change automatically within the slider, a display time must be specified. If no display time is set, teasers can only be slid on manually.
Teaser Slider erstellen
First, add the Teaser Slider component to the desired location in the post or on your page. Learn how to add components here. Then open the root overview to see the structure of the post or page. There, click on Teaser Slider and then right-click to add another component (+ Add Component).
In the next step, select one of the supported components and then configure it with all the necessary settings. Repeat the process until you have implemented the intended number of components in the Teaser Slider.
Then click on Teaser Slider again in the root overview on the left and adjust the component in the Attributes settings on the right. Enter a number for Display Time (corresponding to the duration in seconds until the transition) so that the component automatically switches to the next slide after expiration.