Templates in Contao 5

[waldo]

Hallo zusammen,

vielleicht könnt Ihr mir in diesem Fall ja etwas weiterhelfen...
Ich probiere aktuell die Version 5 aus und komme mit den neuen Templates noch nicht so ganz zurecht.

Ich benötige häufiger für gleiche Inhaltselemente (z.B. das Textelement) verschiedene Templates. Bisher bin ich dann so vorgegangen, dass ich mir entsprechend unterschiedliche Templates erstellt habe. Z.B.:
ce_text_01
ce_text_02
ce_text_03

usw. Diese konnte ich dann natürlich in den Textelementen auswählen.

In Version 5 habe ich selbiges mit den Twig-Templates für das Textelement versucht, konnte allerdings trotzdem keine unterschiedlichen Templates auswählen.
Ich habe auch, testweise, versucht, wie hier beschrieben, das Element zu erweitern und die Datei /templates/content_element/text.html.twig erstellt mit dem folgenden Inhalt:

{% extends "@Contao/content_element/text.html.twig" %}

{% block content %}
  <h1>Hello from Twig!</h1>
  {{ parent() }}
{% endblock %}

Aber auch hiermit konnte ich das Template nicht modifizieren.
Wo liegen hier meine Fehler?

[marcohe]

Thema interessiert mich auch. Twig ist für mich absolutes Neuöand!

[mlweb]

Ich habe das noch nicht in Contao 5 getestet. In Contao 4.13 mussten die Templates im Ordner templates liegen (nicht in einem Unterordner von Templates, um ausgewählt werden zu können. Außerdem war das Löschen des Prod.-Caches erforderlich zu mindestens, wenn ich die Template extern bearbeitet habe.

[Franko]

Sieht eigentlich alles OK aus.

Für das Inhaltselement Text erstellt du ein Template:
»templates/content_element/text.html.twig« (gültig für alle Inhaltselemente vom Typ »Text«).

Wenn du Varianten (z. B. vom Template Text) benötigst, werden die dann in einem weiteren Verzeichnis »text« abgelegt:
»templates/content_element/text/myVarianteA.html.twig«.

Der Name des Unterverzeichnis entspricht dem jeweiligen Dateinamen des Basis Templates also z .B. dann für ein Inhaltselement vom Typ »Bild«:
»templates/content_element/image/myVarianteA.html.twig«.

Diese Templates stehen dann im jeweiligen Inhaltselement zur Auswahl.

Damit deine Angaben wirken mußt du im Backend den »Debug-Modus« aktivieren (oder den Cache leeren).

[mlweb]

@Franko
Ich muss mir das bei Gelegenheit in Contao 5 dann wohl doch mal alles anschauen.

[waldo]

Wenn du Varianten (z. B. vom Template Text) benötigst, werden die dann in einem weiteren Verzeichnis »text« abgelegt:
»templates/content_element/text/myVarianteA.html.twig«.

Damit deine Angaben wirken mußt du im Backend den »Debug-Modus« aktivieren (oder den Cache leeren).

Daran lag es, vielen Dank!

[Merlin]

Danke für die Infos

bei meiner installation V5.0.6 klappt das aber irgendwie nicht.

ich habe das "list.html.twig" Template kopiert, angepasst und unter neuen Namen "list_a.html.twig" gespeichert und in das Verzeichnis "list" abgelegt. In der Auswahl erscheint es nicht, da steht noch immer nur "Content-Element/list".

Ich hatte noch die Idee je nach Einstellungen im Content-Element entweder das Original Template oder mein abgeändertes zu laden. Scheitern tue ich aber an der Herausforderung die zusätzlichen Daten (DCA anderer Erweiterungen) aus dem array "data" in twig abzufragen.


Viele Grüße
Jens

[folkfreund]

Hallo,

wie Franko oben geschrieben hat, muss das Template entweder seinen Namen behalten oder in einem Unterverzeichnis gespeichert werden.
In deinem Fall also »templates/content_element/list/a.html.twig«

Zumindest habe ich das so verstanden ;-)

[Merlin]

Hallo,

wie Franko oben geschrieben hat, muss das Template entweder seinen Namen behalten oder in einem Unterverzeichnis gespeichert werden.
In deinem Fall also »templates/content_element/list/a.html.twig«

Zumindest habe ich das so verstanden ;-)

Hi,

ich auch und genau so habe ich es auch gemacht. es wird mir aber leider trotzdem nicht angezeigt.

[mlweb]

Prod.-Cache gelöscht?

[Merlin]

Prod.-Cache gelöscht?

ja

bin jetzt für "List" einen anderen weg gegangen, der leider aber nicht klappen will für "Gallery".

{% extends "@Contao/content_element/list.html.twig" %}

{% block list %}
{% if data.meinbundleoption %}
    {% for item in list.items %}
            <p><i class="bx bxs-right-arrow-alt"></i>
            {%- block list_item %}
                {{- item|insert_tag_raw -}}
            {% endblock -%}
            </p>
        {% endfor %}
{% else %}
    {{ parent() }}
{% endif %}
{% endblock %}