Mit dem Teaser Slider kannst du verschiedene Teaser-Komponenten als Slider in der Website und App darstellen. Slider bedeutet in diesem Fall, dass du die Komponenten entweder mit den Navigationstasten (Web) oder deinem Finger (App) umblättern kannst.
Unterstütze Teaser-Formate
Die Komponente unterstützt derzeit folgende Teaser-Formate:
- Posts
-
Articles
-
Events
-
Podcasts
-
-
Article Groups
-
Event Groups
-
Podcast Groups
Unterstützte Teaser-Layouts
Du kannst die Teaser im Slider mit folgenden Layouts darstellen (wenn du nicht weißt, was Layouts sind, kannst du das hier nachlesen):
-
Detail Teaser
-
Split M
-
Split L
-
Image Only
Display Time
Du kannst im radiosphere Studio Editor einstellen, wie lange ein Teaser innerhalb der Slider-Komponente angezeigt wird. Ist die angegebene Zeit überschritten wechselt die Komponente automatisch zum nachfolgenden Teaser. Dies geschieht unendlich, sodass irgendwann wieder der erste Teaser im Slider angezeigt wird. Wechseln Personen manuell zum nächsten Teaser stoppt die automatische Überleitung. Die Zeit bis zur Überleitung muss im entsprechenden Feld in Sekunden definiert werden.
Wichtig: Sollen die Teaser-Komponenten innerhalb des Sliders automatisch wechseln, muss eine Display Time angegeben werden. Ist keine Display Time eingestellt, können Teaser nur manuell weitergeslidet werden.
Teaser Slider erstellen
Füge zuerst die Komponente Teaser Slider an der gewünschten Stelle im Post oder auf deiner Page hinzu. Erfahre hier, wie du Komponenten hinzufügen kannst. Öffne anschließend die Root-Übersicht, um dir den Aufbau des Post oder der Page anzeigen zu lassen. Klicke dort auf Teaser Slider und füge dann mit Rechtsklick eine weitere Komponente hinzu (+ Add Component).
Wähle im nächsten Schritt eine der unterstützten Komponenten aus und konfiguriere sie anschließend mit allen notwendigen Einstellungen. Wiederhole der Vorgang solange, bis du die vorgesehene Anzahl an Komponenten im Teaser Slider implementiert hast.
Klicke dann wieder in der Root-Übersicht links auf Teaser Slider und passe die Komponente in den Attributes-Einstellungen auf der rechten Seite an. Trage bei Display Time eine Zahl (entspricht der Dauer in Sekunden bis zur Überleitung) ein, damit die Komponente automatisch nach Ablauf zur nächsten Slide wechselt.