RSCE - Überschrift mit Unterüberschrift
von Bernhard Renner
Am 12.12.2024 fand Die Contao (Morning) Show #20 – Twig in der Praxis statt.
Hier wurde anhand von Codebeispielen Einblick in die Praxis mit Twig-Templates geplaudert. Meine Beispiele möchte ich hier nochmals bereit stellen und folge mit der Headline Extended.
Es werden dazu 2 Dateien benötigt:rsce_headline-extended_config.phprsce_headline-extended.html.twig
<?php
// templates/theme/rsce_headline-extended_config.php
return [
'label' => ['Erweiterte Überschrift','Erstellt eine Überschrift mit Unterüberschrift'],
'types' => ['content'],
'contentCategory' => 'texts',
'standardFields' => ['headline', 'cssID'],
'fields' => [
'subheadline' => [
'label' => ['Unterüberschrift','Geben Sie die Unterschrift ein. HTML ist erlaubt.'],
'inputType' => 'text',
'eval' => [
'mandatory' => false,
'tl_class' => 'long',
'allowHtml' => true
],
],
'subheadlinePostion' => [
'label' => ['Position der Unterüberschrift','Vergeben Sie die Position der Unterschrift.'],
'inputType' => 'select',
'options' => [
'top' => 'Oben',
'bottom' => 'Unten'
],
'eval' => [
'tl_class' => 'w50 clr'
],
'default' => 'bottom'
],
],
];
?>{# templates/theme/rsce_headline-extended.html.twig #}
{% if headline is defined and headline is not empty %}
<{{ hl }} class="{{ class }} content-headline headline-extended" {{ cssID|raw }}>
{% if subheadlinePostion == 'top' and subheadline %}
<span class="subheadline subheadline-top">{{ subheadline }}</span>
{% endif %}
<span class="hl-ext">{{ headline }}</span>
{% if subheadlinePostion == 'bottom' and subheadline %}
<span class="subheadline subheadline-bottom">{{ subheadline }}</span>
{% endif %}
</{{ hl }}>
{% endif %}
Im Backend hast du nun die Möglichkeit die Überschrift und die Unterüberschrift einzutragen.
Über eine Selektion auch, ob die Unterüberschrift oberhalb oder unterhalb steht.
Das Backend sieht dann so aus:
Die Contao (Morning) Show #20 – Twig in der Praxis
zum Nachschauen könnt ihr über diesen Link auf Youtube erreichen.
Kommentare
Kommentar von Sebastian |
Danke für das Snippet! Ich habe es erst nicht zum Laufen bekommen, bis ich gesehen habe, dass oben im Templatenamen ein Buchstabendreher drin ist:
rsec_headline-extended.html.twig
Kommentar von Sebastian |
und der Kommentar // templates/theme/rsce_headline-extended_config.php sollte entweder raus oder hinter das <?php – sonst wird der Tiny nicht mehr geladen.
Kommentar von Ronald |
Hallo Sebastian,
vielen Dank für die Hinweise, die wir nun korrigiert haben!
Einen Kommentar schreiben