Der Contao-Core verfügt bekanntlich über einen Content-Slider. Dieser ist standardmäßig allerdings nicht besonders hübsch; insbesondere sind die Schaltflächen für „vorwärts“ und „zurück“ einfacher Text. Wesentlich beliebter – und schöner – sind Buttons. Dazu muss wie folgt vorgegangen werden:
- Die Font-Awesome Extension installieren
- Per FTP die Datei system/config/langconfig.php öffnen
- Dort können nun die Beschriftungen angepasst werden:
|
1 2 3 4 |
if ($GLOBALS['TL_LANGUAGE'] == 'de') $GLOBALS['TL_LANG']['MSC']['previous'] = '{{fa::angle-left}}'; if ($GLOBALS['TL_LANGUAGE'] == 'de') $GLOBALS['TL_LANG']['MSC']['next'] = '{{fa::angle-right}}'; if ($GLOBALS['TL_LANGUAGE'] == 'en') $GLOBALS['TL_LANG']['MSC']['previous'] = '{{fa::angle-left}}'; if ($GLOBALS['TL_LANGUAGE'] == 'en') $GLOBALS['TL_LANG']['MSC']['next'] = '{{fa::angle-right}}'; |
Im obigen Beispiel sind nun für die deutsche und englische Sprachversion (falls ein language-fallback verwendet wird) anstelle der normalen Texte Font-Awesome Icons eingebunden. Der Insert-Tag ergibt sich dabei aus {{fa::<Name>}}. Eine Übersicht der Icons sowie die entsprechenden Bezeichnungen gibt es auf der offiziellen Homepage.
Die Icons können anschließend noch per .css gestylet werden; die entsprechenden Klassen sind .slider-prev und .slider-next. Ein Button-Effekt lässt sich z.B. relativ einfach mit ein bisschen padding, Schrift in Hintergrundfarbe und Hintergrund in Schriftfarbe erzielen.