Two Horizontal Content Cards
Zwei Contentcards, jeweils mit einem Link und Text neben dem Bild
Item-ID: 04-014
Beispielansicht Anleitung Verhalten
![](/fileadmin/_processed_/b/f/csm_04_013-two_horizontal_cards_2000_250_fbe17fb3e1.png)
Beispielansicht
![](/fileadmin/_processed_/5/a/csm_animals_01_a28a7e721d.jpg)
Lorem Ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua
![](/fileadmin/_processed_/9/4/csm_animals_02_4247fb73bf.jpg)
Lorem Ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua
Anleitung
Contentcards anlegen
- Klicken Sie auf den Button Inhalt, um eine Contentcard zu erstellen.
- Im Reiter Card Elements wählen Sie Two horizontal 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.
Verhalten
Zwei horizontale Karten mit Inhalt ist eine doppelte Schaltfläche mit beschreibendem Inhalt. Sie besteht aus zwei Karten-Elementen mit 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äche 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 kleinen Darstellungsflächen werden alle Schaltflächen untereinander angezeigt.