Inhaltselemente aus Theme werden nicht in Seitenlayout ausgegeben

[stefan der zweite]

Hi Leute,

Grade versuche ich mich mit dem Twig Seitenlayout, bei dem ich ein Inhaltselement aus dem Theme einbinden möchte. Es wird aber nicht ausgegeben, stattdessen wird ein Artikel erneut ausgegeben.

Also

1. Artikel > Artikel erstellen (Ausgeben in "slot main") > Inhaltselement erstellen
2. Theme > Inhaltselement erstellen
3. Theme > Layout (Twig) > Artikel zu slot "main" zuweisen; Theme CE zu slot "main" zuweisen.

Im Frontend wird jetzt zweimal der Artikel ausgegeben, erwartet wird aber das Inhaltselement aus dem Theme.

1. Artikel > Inhaltselement
contao-56-article-content-element.png

2. Theme > Inhaltselement
contao-56-theme-content-element.png

3. Artikel und Inhaltselement im Layout einem Slot zuweisen
contao-56-theme-layout.png

4. Ausgabe im Frontend; Das Inhaltselement (aus Theme) wird nicht ausgegeben, stattdessen der Artikel.
contao-56-theme-output.png


Mache ich was falsch, oder klemmt’s da irgendwo?

Vielen Dank und schönen Tag noch.
ciao, Stefan

[mlweb]

Wenn Du angibst, dass ein Artikel im "slot main" ausgegeben werden soll, dann wird er dort ausgegeben, so wie früher ein Artikel im Hauptbereich. Wenn Du möchtest, dass ein Artikel (nur) über das Layout ausgegeben wird, dann muss er in einer versteckten Seite liegen oder Du nutzt die Erweiterung Nodes von Terminal 42 - ungetestet. Ich verstehe das Konzept zu mindestens so. Ich habe damit selber noch nicht gespielt.

[lbableck]

Das ist ein Bug, die Inhaltselemente funktionieren in den Twig Layouts noch nicht.
https://github.com/contao/contao/iss...20module%20IDs

Wenn Du möchtest, dass ein Artikel (nur) über das Layout ausgegeben wird, dann muss er in einer versteckten Seite liegen oder Du nutzt die Erweiterung Nodes von Terminal 42 - ungetestet.

Das ist in Contao 5.6+ nicht mehr notwendig, man kann jetzt einfach Inhaltselemente auf Theme-Ebene anlegen.

[stefan der zweite]

Hi, Danke für die Anwort.

Mir geht es um die Funktion "Inhaltselemente im Seitenlayout" wie hier[1] (etwas runterscollen, ist die zweite Überschrift )beschrieben.

Das klappt bei mir nicht. Siehe die zugehörigen Screenshots "3." und "4." aus meinem ersten Beitrag. Das Problem ist, dass der Artikel anstelle des Inhaltselements (aus Theme) ausgegeben wird. Wenn ich weitere Inhaltselemente im Theme anlegen, wiederholt sich der Artikel sooft wie es Inhaltselemente (aus Theme) gibt.

ciao, Stefan

[1] https://contao.org/de/news/contao-5-6-veroeffentlicht

[stefan der zweite]

Das ist ein Bug, die Inhaltselemente funktionieren in den Twig Layouts noch nicht.

Alles klar, danke, danach hatte ich gesucht. Meine vorherige Anwort war an @mlweb gerichtet.

Schönen Tag noch.

[miniA4kuser]

Das ist ein Bug, die Inhaltselemente funktionieren in den Twig Layouts noch nicht.
https://github.com/contao/contao/iss...20module%20IDs

Das ist aber schlecht, wenn nur noch eine geplante Version 5.7 von dem ohne php-Template geplanten Contao in Version 6 liegt.
Da bleibt wirklich wenig Zeit um herumzuprobieren.

Habe die Version 5.6.3 installiert um einmal etwas herum zu probieren, was mit erwartet wenn ich von der 4.13er Version (evtl. auch gleich auf Version 6) umsteigen will.
Da liegen schon echt ein paar Hürden vor einem, wenn man voll auf Twig umsteigen möchte. Aber auch so einige Kleinigkeiten wie fehlende CSS-Klassen in Frontend-Modulen z.B. "Individuelle Navigation" wo dann das alte CSS nicht passt und man sich denk, hm wie mache ich das jetzt ohne .first und .last usw..

So wie ich das sehe muss man wohl die Seite komplett neu aufbauen wenn mal auf Twig umsteigen will.

[zoglo]

Das ist aber schlecht, wenn nur noch eine geplante Version 5.7 von dem ohne php-Template geplanten Contao in Version 6 liegt.
Da bleibt wirklich wenig Zeit um herumzuprobieren.

Habe die Version 5.6.3 installiert um einmal etwas herum zu probieren, was mit erwartet wenn ich von der 4.13er Version (evtl. auch gleich auf Version 6) umsteigen will.
Da liegen schon echt ein paar Hürden vor einem, wenn man voll auf Twig umsteigen möchte. Aber auch so einige Kleinigkeiten wie fehlende CSS-Klassen in Frontend-Modulen z.B. "Individuelle Navigation" wo dann das alte CSS nicht passt und man sich denk, hm wie mache ich das jetzt ohne .first und .last usw..

So wie ich das sehe muss man wohl die Seite komplett neu aufbauen wenn mal auf Twig umsteigen will.

- Twig gibt es in Contao seit 4.12, genauer gibt es Twig schon seit 16 Jahren
- Twig Content-Elemente funktioniert auch im normalen Layout
- Die Hürde ist lediglich eine neue Template-Sprache zu lernen
- Klassen mit first / last und co. haben sich von 4.13 auf 5.0 geändert, nutze hier besseres CSS mit :first-child und :last-child

So wie ich das sehe muss man wohl die Seite komplett neu aufbauen wenn mal auf Twig umsteigen will.

- Wenn du 900 Templates überschrieben hast
- im Vendor gepfuscht hast
- alles mit Insert-Tags gemacht hast und nachträglich 60184 Artikel gelöscht hast
- 71241235t95471 Dateien im Dateisystem liegen hast
- Die IDs deiner Inhaltselemente im 6/7/8-Stelligen Bereich liegen
usw....

Dann vielleicht.

Ansonsten ist das nur übersetzen in Twig, schaffste schon.

[mlweb]

hm wie mache ich das jetzt ohne .first und .last usw.

Die Pseudodoklassen :first-child bzw. :last-child sind in dem konkreten Fall das Mittel der Wahl, ggf. auch :fist-of-type bzw. :last-of-type. Die Pseudoklassen gibt es schon sehr lange. Es ist also nur folgerichtig, dass man die Klassen .first und .last aus dem Markup entfernt.

So wie ich das sehe muss man wohl die Seite komplett neu aufbauen wenn mal auf Twig umsteigen will.

Nein das muss man m.E. nicht. Bei sauber aufgebauten Themes reicht es die entsprechend zuvor verwendeten Klassen auszutauschen.

Die Twig-Seitenlayouts sind im Moment noch experimentell, wenn ich das richtig verstanden habe. Einen kompletten Umstieg auf Twig wird es m.E. erst in Contao 6 geben.

... wenn ich von der 4.13er Version (evtl. auch gleich auf Version 6) umsteigen will.

Ein Umstieg von 4.13 gleich auf eine Version 6 ist m.E. aus zwei Gründen nicht zu empfehlen.

• die Version 4.13 wird ab Mitte Februar 2026 nicht mehr supported (auch nicht bei Sicherheitslücken) aber die Version 6 gibt es zu diesem Zeitpunkt noch nicht
• ein Update von einer Version 4.13 auf eine Version 6 muss ohnehin über den Zwischenschritt aktuellste Version 5 durchgeführt werden

[miniA4kuser]

- Wenn du 900 Templates überschrieben hast
- im Vendor gepfuscht hast
- alles mit Insert-Tags gemacht hast und nachträglich 60184 Artikel gelöscht hast
- 71241235t95471 Dateien im Dateisystem liegen hast
- Die IDs deiner Inhaltselemente im 6/7/8-Stelligen Bereich liegen
usw....

Dann vielleicht.

JA so schlimm siehts bei mir nicht aus.

Ansonsten ist das nur übersetzen in Twig, schaffste schon.

Mache meine ersten Gehversuche mit Twig, denke mal üben üben üben dann wirds mit der Zeit. War halt im ersten Moment vielleicht etwas mindblowed überfordert heheh

[Spooky]

Das ist aber schlecht, wenn nur noch eine geplante Version 5.7 von dem ohne php-Template geplanten Contao in Version 6 liegt.
Da bleibt wirklich wenig Zeit um herumzuprobieren.

3 bis 4 Jahre ist wenig Zeit?

[miniA4kuser]

Die Pseudodoklassen :first-child bzw. :last-child sind in dem konkreten Fall das Mittel der Wahl, ggf. auch :fist-of-type bzw. :last-of-type. Die Pseudoklassen gibt es schon sehr lange. Es ist also nur folgerichtig, dass man die Klassen .first und .last aus dem Markup entfernt.

Oh dann hatte ich etwas falsch im Kopf, dachte die Pseudodoklassen :frist-of-type bzw. :last-of-type werden von den Browsern nocht nicht so gut unterstützt.

Nein das muss man m.E. nicht. Bei sauber aufgebauten Themes reicht es die entsprechend zuvor verwendeten Klassen auszutauschen.

Gibt es eigentlich ein schönes Tutorial wie man konform und updatesicher ein Theme erstellt (zwinker zwinker )?

Die Twig-Seitenlayouts sind im Moment noch experimentell, wenn ich das richtig verstanden habe. Einen kompletten Umstieg auf Twig wird es m.E. erst in Contao 6 geben.

Daher war ja mein Gedanke vielleicht auf Contao 5.6.3 üben und dann final auf Contao 6 umsteigen.

Ein Umstieg von 4.13 gleich auf eine Version 6 ist m.E. aus zwei Gründen nicht zu empfehlen.

• die Version 4.13 wird ab Mitte Februar 2026 nicht mehr supported (auch nicht bei Sicherheitslücken) aber die Version 6 gibt es zu diesem Zeitpunkt noch nicht
• ein Update von einer Version 4.13 auf eine Version 6 muss ohnehin über den Zwischenschritt aktuellste Version 5 durchgeführt werden

Ja mal schauen ob vielleicht warten bis Contao 6 released wird und im Hintergrund schon mal alles auf Contao 5.6.3 vorbereiten und dann final umzusteigen.

[miniA4kuser]

3 bis 4 Jahre ist wenig Zeit?

Zur meiner Schande, ich war jetzt fokusiert auf Contao 4 Installation unterwegs und hatte mich irgendwie keinen Blick auf die Contao 5er gehabt und auch nicht wirklich realisiert das in der 4.12er das Thema Twig schon experimentell Einzug erhielt.

Aber dank der freundlichen Unterstützung und Erklärung Euch aller hier lernt man ja immer wieder hinzu.
Einfach TOP

[Spooky]

Zur meiner Schande, ich war jetzt fokusiert auf Contao 4 Installation unterwegs und hatte mich irgendwie keinen Blick auf die Contao 5er gehabt und auch nicht wirklich realisiert das in der 4.12er das Thema Twig schon experimentell Einzug erhielt.

Nein, ich meinte 3 bis 4 Jahre ab jetzt.

[mlweb]

Gibt es eigentlich ein schönes Tutorial wie man konform und updatesicher ein Theme erstellt (zwinker zwinker )?

Für die Entwicklung eines Themes ein allgemeines Tutorial zu schreiben halte ich für etwas schwierig. Das fängt damit an, dass manch einer mit möglichst wenig Templateanpassungen auskommen möchte (ich zum Beispiel). Themeersteller, die Themes verkaufen passen nach meiner Erfahrung eher oft Templates an, weil so ein Theme ja dann eher die "Eierlegende Wollmichsau" sein muss. Bei individuellen Themes weiss man was man braucht und dann bestehen meine Themes im wesentlichen aus CSS, RSCE und möglichst wenig Templateanpassungen.

Wenn es um die CSS-Entwicklung eines Themes geht - ich hatte auf der Konferenz einen Vortrag zum Thema "Modernes CSS in Contao nutzen" und habe dort an Hand von ein paar wenigen Beispielen gezeigt, was ohne Templateanpassungen alles möglich ist. Vielleicht bist Du interessiert. Die Folien sind frei verfügbar https://www.contao-konferenz.de/programm.html oder direkt unter https://mlwebworker.github.io/vortrag-css-contao/. Die Vorträge sind auch online und können, wenn man nicht auf der Konferenz war käuflich erworben werden (frei dann in ca. 6 Monaten). https://contao-academy.de/videos-contao-konferenz-2025