Core Twig-Templates anpassen

[bitverdreher]

Hallo zusammen,

ich versuche mich gerade in die neuen Twig-Templates einzuarbeiten und bekomme es irgendwie nicht hin. Nehmen wir mal folgendes Beispiel:

Aufgabe: CSS-Klasse zu img-Tag hinzufügen.

Bisher: picture_default.html5 in den Ordner "templates" kopiert, angepasst, fertig.

Twig: ??? Hier bin ich gerade total lost. Wie stelle ich das an? Das Prinzip lässt sich dann ja sicher auf andere Elemente übertragen. Daher soll dies ein erstes Beispiel als Basis sein.

Vielen Dank für Eure Hilfe.

VG, Frank

[Spooky]

https://docs.contao.org/dev/framewor...ing-components

[oligro]

wenn du klassen oder html-tags hinzufügen willst, dann funktioniert das hier ganz gut mit diesen set attributes:

{% set attributes = attrs(attributes|default).addClass('KLASSE')%}

[bitverdreher]

OK, und wo lege ich die Datei ab?

Ich habe im Ordner "templates" folgende Struktur:
content_element\component\_picture.html.twig

Mit folgendem Inhalt:

{% use "@Contao/component/_picture.html.twig" %}

{% block image %}
    {% set img_attributes = attrs(img_attributes|default).addClass('my-image') %}
    <div>{{ parent() }}</div>
{% endblock %}

Es ändert sich aber nichts an der Ausgabe. Weder das zusätzliche div noch die Klasse ist sichtbar.

[Spooky]

Wenn du im templates/ Ordner deine .twig-root Datei hast, dann templates/component/_picture.html.twig

[bitverdreher]

Das funktioniert leider immer noch nicht.

.twig-root habe ich unter vendor/contao/core-bundle/contao/templates/_new/.twig-root gefunden. Das ist so original von der Installation. Verschiebe ich die nach templates bekomme ich einen Error 500:

"There cannot be more than one "_base.html.twig" template in "/var/www/clients/client82/web346/web/contao/vendor/contao/core-bundle/contao/templates"."

[mlweb]

Im Ordner templates/component/_picture.html.twig ist schon richtig.
Den Symfony-Cache hast Du gelert nach der Anpassung.

@Spooky für den Standard-Template-Ordner von Contao (Templateanpassungen) muss doch manuell keine .twig-root Datei angelegt werden. Das brauchst Du doch nur im eigenen Bundle, oder?

[bitverdreher]

Ah, super, jetzt klappt es. Ich habe jetzt die Seite im Debugmodus und sehe die Anpassungen. Vielen Dank, von hier aus kann ich mich weiter durchwühlen.

[Spooky]

@Spooky für den Standard-Template-Ordner von Contao (Templateanpassungen) muss doch manuell keine .twig-root Datei angelegt werden. Das brauchst Du doch nur im eigenen Bundle, oder?

true