toujou
+49 911 23980-870

Imagecard Cover Slider

Mit diesem Element können Sie mehrere Cards mit Verlinkungen und Titel als Slider darstellen. 

Beispielansicht Anleitung Verhalten


Beispielansicht


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.