Three Vertical Content Cards
Drei vertikale Karten, jeweils mit einem Link und Text unter dem Bild
Item-ID: 04-011
Beispielansicht Anleitung Verhalten
Beispielansicht
Anleitung
Contentcards anlegen
- Klicken Sie auf den Button Inhalt, um eine Contentcard zu erstellen.
- Im Reiter Card Elements wählen Sie Three vertical content cards.
Bilder einfügen
- Klicken Sie auf den Button Bild hinzufügen.
- Wählen Sie eine Bilddatei aus Ihrer Fileliste aus oder laden Sie eine Datei in den entsprechenden Ordner hoch.
Texte einfügen
- Fügen Sie in der Titel-Maske eine Überschrift hinzu.
- Geben Sie Ihren Text in das Textfeld ein.
- Sollten Sie die Texte aus einer anderen Datei kopieren, achten Sie auf eventuell mitkopierte Formatierungen.
Links einfügen
- Klicken Sie auf den Link-Button um eine Verlinkung einzufügen.
- Wählen Sie aus einem der verfügbaren Reiter, um innerhalb der Unterseiten, Elemente oder auf eine externe URL zu verlinken.
- Geben Sie einen Linktext in die entsprechende Maske ein.
⚠️ Hinweis zur Linksetzung: Ein Link im Linkfeld (s. Schritt 4 der Anleitung) macht die gesamte Content Card zu einem klickbaren Feld. Wenn Sie im Textfeld (Schritt 3) einen Link hinterlegen möchten, können Sie nicht gleichzeitig die gesamte Card verlinken. Wenn Sie also innerhalb einer Content Card zwei oder mehr Links verwenden möchten, müssen diese alle im Textfeld eingetragen werden.
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
Die drei vertikalen Karten mit Inhalt sind einzelne Schaltflächen mit beschreibendem Inhalt. Sie bestehen aus je einem Bild mit einem festen Seitenverhältnis (Template-abhängig), Beschreibungstext und einer Link-Beschriftung. Der dazugehörige Link macht das gesamte Element zu einer Schaltfläche und ist Grundvoraussetzung, um den Button anzuzeigen.
Besonderheiten:
- Wird kein Bild hochgeladen, können die Cards auch als Schaltflächen mit Textinhalt verwendet werden.
- Wird kein Link hinterlegt, können die Cards auch als reines Inhaltselement verwendet werden. Es wird kein Button angezeigt.
Responsive: Auf kleiner werdenden Endgeräten wird die erste Card der Reihe in einer eigenen Zeile mit Bild links neben dem Inhalt dargestellt. Auf kleinen Darstellungsflächen werden alle Schaltflächen untereinander angezeigt.
Verknüpfte Themen
Erläuterungen aus dem toujou- & TYPO3-Setup, die mit dieser Elementanleitung in Verbindung stehen.