Templates in Contao 5

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:

Code:

---

{% 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?

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

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.

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).

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

Zitat:

---

Zitat von Franko

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«.

---

Zitat:

---

Zitat von Franko

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

---

Daran lag es, vielen Dank! :)

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

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 ;-)

Zitat:

---

Zitat von 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 ;-)

---

Hi,

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

Prod.-Cache gelöscht?

Zitat:

---

Zitat von mlweb

Prod.-Cache gelöscht?

---

ja :)

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

Code:

---

{% 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 %}

---

Ich muss das nochmal hochziehen, weil ich gerade for dem exakt selben Problem stehe.

templates / custom / content_element / player.html.twig <-- Die Anpassungen in diesem Template greifen
template / custom / content_element / player / showreel.html.twig

Ich habe die Templates angelegt, wie im Thread beschrieben, den Prod Cache geleert. Aber im Template-Dropdown wird mir nur das angepasste Player-Template angezeigt. Das andere wird einfach ignoriert.

Contao Version ist 5.3.11

Für jegliche Hinweise wie man hier zu einem Ergebnis kommt wäre ich dankbar. Ansonsten bleibt mir nur der Weg jegliche Inhalte mit RSCE abzubilden und Core-Elemente komplett zu ignorieren.

templates/custom/ ist ein Theme Ordner. Du brauchst für jedes Template auch immer eine Variante direkt in templates/ - ansonsten gäbe es ja kein valides Template außerhalb des Themes.

Das:

Code:

---

templates / content_element / player.html.twig

---

überschreibt das orginale Template und du mußt es nicht auswählen.
Das:

Code:

---

template / content_element / player / showreel.html.twig

---

ist ein custom Template was du auswählen kannst.

Zitat:

---

Zitat von Kopfnuss

Code:

---

template / custom / content_element / player / showreel.html.twig

---

ist ein custom Template was du auswählen kannst.

---

BIs auf die Tatsache dass ich es nicht auswählen kann. Genau darin liegt ja mein Problem...

» https://community.contao.org/de/show...l=1#post585966

Zitat:

---

Zitat von the_gmo

BIs auf die Tatsache dass ich es nicht auswählen kann. Genau darin liegt ja mein Problem...

---

Habe meinen Beitrag geändert.. mach keinen "custom" Ordner.

Zitat:

---

Zitat von Spooky

templates/custom/ ist ein Theme Ordner. Du brauchst für jedes Template auch immer eine Variante direkt in templates/ - ansonsten gäbe es ja kein Valides Template außerhalb des Themes.

---

Ak OK. Das war die fehlende Information. Danke!

D.H. alles was Twig ist lege ich grundsätzlich außerhalb meines Theme-Template-Ordners an. Bei keiner meiner Installationen hatte ich Templates außerhalb von Custom, da muss man erstmal drauf kommen. ;-)

Zitat:

---

Zitat von Kopfnuss

Habe meinen Beitrag geändert.. mach keinen "custom" Ordner.

---

Auch dir vielen Dank! Jetzt funktioniert es wie es soll.

Zitat:

---

Zitat von the_gmo

Ak OK. Das war die fehlende Information. Danke!

D.H. alles was Twig ist lege ich grundsätzlich außerhalb meines Theme-Template-Ordners an. Bei keiner meiner Installationen hatte ich Templates außerhalb von Custom, da muss man erstmal drauf kommen. ;-)

---

Hat nichts mit Twig oder nicht-Twig zu tun. Das gilt auch für PHP Templates.

Zitat:

---

Zitat von Spooky

Hat nichts mit Twig oder nicht-Twig zu tun. Das gilt auch für PHP Templates.

---

Die lassen sich aber in Inhaltselement auswählen wenn sie im Custom-Ordner liegen.

Zitat:

---

Zitat von the_gmo

Die lassen sich aber in Inhaltselement auswählen wenn sie im Custom-Ordner liegen.

---

Ja, bei PHP Templates fehlt diese Validierung. Daher kann es dann beim rendern zu Fehlern kommen.

Verstehe. Danke für die Info!

Hm, ich habe es offensichtlich noch nicht verstanden; wie muss die Ordnerstruktur in C5.3 aussehen wenn ich eigene Twig-Templates zusammen mit meinem eigenem Theme exportieren möchte. Aktuell habe ich:

Code:

---

/templates/
 - mein-theme/ (darin nur html5-Templates)
 - content_element/
 - - text/ (darin mein Twig-Template)

---

Das Twig-Template kann ich in der Templateauswahl sehen und zuweisen, aber für den Theme-Export kann ja nur ein Ordner ausgewählt werden, der Ordner content_element/ wird also nicht mitexportiert.

Verschiebe ich den Ordner content_element/ als Unterordner von mein-theme/, kann ich das Twig-Template in der Templateauswahl nicht mehr sehen und zuweisen.

Wie muss die Ordnerstruktur aufgebaut sein, damit mein Ordner content_element/ inkl. aller eventueller Unterordern und Twig-templates mit meinem Theme exportiert und importiert werden und mein Twig-Template ausgewählt werden kann?

Danke euch.

Aktuell können Themes quasi keine Template-Varianten bereitstellen - da sie eben nicht mit exportiert werden können, weil die Variante auch immer ohne Theme exportiert werden muss. Dazu müsstest du ein Issue auf GitHub öffnen.

@Spooky, vielen Dank für deine schnelle Antwort; ich habe verstanden, dass meine bisherige Vorgehensweise für die Themeerstellung inkl. Templates nicht mehr funktioniert.

Zitat:

---

Aktuell können Themes quasi keine Template-Varianten bereitstellen - da sie eben nicht mit exportiert werden können, weil die Variante auch immer ohne Theme exportiert werden muss.

---

An diesem Satz habe ich allerdings noch zu kauen bis ich ihn verstehe :D. Ich melde mich wenn es soweit ist, du musst für mich hier erstmal nix tun - danke dir nochmals!

Zitat:

---

Zitat von 3dr

@Spooky, vielen Dank für deine schnelle Antwort; ich habe verstanden, dass meine bisherige Vorgehensweise für die Themeerstellung inkl. Templates nicht mehr funktioniert.

---

Sie funktioniert schon, nur nicht für Twig-Templates.

Stimmt natürlich, danke für die Präzisierung.