Angepasste Templates in SIRIUS 3

Wir passen so wenige Contao-Templates wie möglich an. Das erleichtert den Einstieg ins Theme und sorgt dafür, dass bei einem Contao-Update möglichst wenig auseinanderläuft. Diese Übersicht zeigt, welche Templates SIRIUS 3 mitbringt und was darin geändert ist.

Alle Templates liegen als Twig-Templates im Theme-Bundle und werden über Composer aktualisiert. Eigene Anpassungen nimmst du nicht dort vor, sondern über das Template Studio (siehe Theme individualisieren).

Überschriebene Contao-Templates

Template	Änderung
mod_article	Die Inhaltselemente werden zusätzlich in einem <div class="inside"> ausgegeben.
be_tinyMCE	Lädt das Theme-Stylesheet aus assets/sirius-theme/css/tinymce.css in den Editor, ergänzt die Theme-Styles Button Primary, Button Secondary (beide nur für Links) und Text Attention und passt die Toolbar an.
j_colorbox	Lightbox mit eigenen Optionen (maximale Größe 95 %, kein Endlos-Durchlauf), deutschen Texten, Alternativtext in der Großansicht und Dialog-Verhalten: Fokus im Dialog, Hintergrund inert.

Die Button-Formate in TinyMCE setzen die Klassen seit SIRIUS 3.1 direkt auf den Link (<a class="btn btn--primary">). Ältere Inhalte mit einem umschließenden <div class="btn btn--primary"> funktionieren weiterhin.

Templates des Themes

Template	Zweck
js_nav--mobile	Bindet navigation.js ein: mobile Navigation sowie Tastaturzugang für Card und Kontakt-Element ohne Link.
js_animate-article	Bindet animations.js für die Scroll-Animationen ein.

Beide js_-Templates wählst du im Seitenlayout im Bereich JavaScript aus. Sie binden das Theme-JavaScript über die Twig-Funktion theme_js() ein, der Pfad enthält damit automatisch einen Versionsparameter fürs Cache-Busting.

Stand: SIRIUS 3.1