Imagecard Cover Slider
Mit diesem Element können Sie mehrere Cards mit Verlinkungen und Titel als Slider darstellen.
Beispielansicht Anleitung Verhalten
Beispielansicht
Bilder im Blogbeitrag
Alle Tutorials im Überblick
toujou insights mit Lisa
Instagram-Konto gesperrt
Domain verifizieren
Mehr SEO mit toujou
toujou-Schulungen
Social Media Bar auf der Website
Alle Elemente im Überblick
Jacob's Law: Mehr UX-Balance
Formulare erstellen
Click & Meet für Websites
Service-Team
Anleitung
Element wählen
- Nach dem Klicken auf den Button +Inhalt wählen Sie im Reiter Card Elements das Element Imagecard Cover Slider aus.
Cards anlegen
Im Reiter Allgemein können Sie beliebig viele Cards anlegen. Klicken Sie für jede einzelnen Card auf den Button Neu anlegen.
Cards-Einstellungen vornehmen
- Für jede erstellte Card können Sie Medium, Titel und Link individuell hinterlegen. Für einen Card-Titel geben Sie im Textfeld Title ein. Diese wird im Frontend als Titel ausgegeben.
- Um ein Bild hochzuladen, klicken Sie entwieder auf Datei hinzufügen oder Dateien auswählen und hochladen. Wie Sie Medien richtig beschneiden, erläutern wir im Tutorial Bildbearbeitung.
- Möchten Sie einen Link hinterlegen, klicken Sie im Bereich Link auf das Kettensymbol, um die verschiedenen Link-Optionen zu erhalten.
- Im Dropdown-Menü zum Element Design wählen Sie die Hintergrund-Farbe für den Titel einer Card.
Element Design für mehr Individualität
In diesem Element können Sie zudem das Erscheinungsbild ganz leicht mit dem Element Design mit einem Klick ändern. Mit der Auswahl von Standard Design, Primary Design, Secondary Design oder Umgekehrtes Design wechseln Sie Hintergrundfarbe des Elements und ggfs. die Hintergrundfarbe der Headline oder Pfeile bzw. des Textbereichs entsprechend der in den Theme-Settings definierten Farbe.
- Mit Klick auf das Element Design im Reiter Allgemein / General erhalten Sie im Dropdown-Menü die Wahl für eine individuelle Designfarbe.
- Wählen Sie aus den Optionen Standard, Primary, Secondary sowie Umgekehrt die gewünschte Option aus.
- Speichern Sie die Änderungen im Element, damit sie sichtbar werden.
Verhalten
Der Imagecard Cover Slider bildet mehrere Cards nebeneinander ab und bietet so die Möglichkeit, mehrere Bilder in Form einer Galerie darzustellen. Die einzelnen Cards werden für alle Endgeräte im festen Verhältnis von 9:16 ausgegeben und können im Bildeditor nach Wunsch angepasst werden. Zusätzlich ist das Setzen eines Links auf jeder einzelnen Card möglich, der daraus resultierende Mouseover-Effekt kann von Theme zu Theme unterschiedlich ausfallen.
Besonderheit: Abhängig vom Theme können Sie mit dem Element Design die Farbe der Beschriftung einer Card und der Pfeile variieren.
Responsive: Die Anzahl der angezeigten Cards des Imagecard Cover Sliders variiert je nach genutztem Endgerät.