Teaser Box
Für die Teaser-Box muss der Elementtyp Teaserbox ausgewählt werden. Die Breite der Boxen kann durch das Vergeben von CSS-Klassen angepasst werden. Wenn ein Bild hinzugefügt wird, muss die Bildgröße Teaser-Box (450x270) ausgewählt werden.
Teaserbox mit Text/Bild nebeneinander
Dieses Feature ist erst in der MATE Theme Version 2.21.0 hinzugekommen.
Überschrift und Text eingeben
Bild-Einstellungen
Wenn du ein Bild hinzufügst, kannst du über die Bildausrichtung (linksbündig oder rechtsbündig) steuern ob das Bild links oder rechts neben dem Text dargestellt werden soll.
Weitere Einstellungen
Unter Teaserbox-Einstellungen kannst du eine verlinkende Seite auswählen und den Linktext eingeben.
Über das Feld Card CSS-Klasse kann die Hintergrund- und Textfarbe geändert werden. Du kannst dafür die Klassen
der Materialize Farbpalette nutzen.
Um den Hintergrund zu ändern, kannst du z. B. folgende Klassen hinzufügen: red, red lighten-5.
Zum Ändern der Textfarbe z. B. die Klassen white-text und black-text.
Template auswählen
Wähle unter Template-Einstellungen das Template ce_mate_teaserbox_card aus.
Beispiel
So könnte das z. B. aussehen. Weitere Beispiele findest du in unserer Theme Demo.
Möglicher Fehler: Bilder werden nach Update nicht mehr angezeigt
Der Fehler kann auftreten, wenn du das Template ce_mate_teaserbox.html5 angepasst hast.
Ersetze folgende Zeile …
{{picture::<?= $this->picture ?>?size=10&alt=<?= $this->metaImg[$GLOBALS['TL_LANGUAGE']]['alt'] ?>}}
… durch folgende Zeile:
<?php $this->insert('image', $this->arrData); ?>
Die Bildgröße kannst du anschließend beim Inhaltselement auswählen.
