Mehrere Layouts pro Seite verwenden

Druckbare Version

20.03.2020, 08:05
JLN

Mehrere Layouts pro Seite verwenden

Guten Tag,

ich habe für mein Theme 2 Layouts erstellt ("Global" und "Leistungen"). Das Global Layout soll immer allen Seiten zugewiesen werden. Das Layout enthält alle gobalen CSS/JS - Dateien und bindet ebenfalls ein Frontend-Modul "Header" in die Kopfzeile ein, damit der Header auf allen Seiten gleich ist.

Um jedoch auch noch seitenspezifische CSS/JS-Dateien zu hinterlegen, erstelle ich ein weiteres Layout für die einzelnen Seiten (in diesem Fall bisher nur "Leistungen").

Ich habe aber festgelegt, dass ich nur ein Layout pro Seite zuweisen kann. Gibt es da irgendeinen Workaround oder muss ich letzendlich für jedes Layout auch immer noch meine globalen CSS/JS/Module usw... aber auch meine seitenspezifischen CSS/JS/Module usw ... einfügen?
20.03.2020, 08:29
Stefko

Ahoi,

schau Dir mal richardhj/contao-childlayouts an.
https://packagist.org/packages/richa...o-childlayouts

Grüße,
Stefko
20.03.2020, 08:30
Ainschy

Du kannst festlegen welche Dateien im jeweiligen Layout geladen werden. Dieses dann der entsprechenden Seite zuweisen.
20.03.2020, 08:35
JLN

Zitat:

Zitat von Ainschy

Du kannst festlegen welche Dateien im jeweiligen Layout geladen werden. Dieses dann der entsprechenden Seite zuweisen.

Das ist mir bewusst.
Aktuell hab ich ein globales Layout, welches alle globalen Dateien (JS,CSS) lädt.
Jedoch auch ein seitenspezifisches Layout (Startseite, Unternehmen, Leistungen, Kontakt,....) welches alle Dateien lädt, die NUR zu dieser Seite gehören.

Und ich möchte es kombinieren, dass sowohl alle globalen Dateien, aber auch alle seitenspezifischen Dateien geladen werden.

Mir ist bewusst, dass ich es lösen könnte, indem ich kein globales Layout verwende, sondern für jede Seite einzelend nochmal zusätzlich meine globalen JS/CSS-Dateien hinzufügen, jedoch bin ich auf der Suche nach einem Workaround weil der Ansatz mir doch ein bisschen zu banal vorkommt.

Grüße
20.03.2020, 08:43
Spooky
Der reguläre Weg ist, dass du mehrere Seitenlayouts anlegst und dann dort festlegst, was alles geladen werden soll. Es gibt aber Mittel & Wege, wie du dir das besser organisieren kannst. Was für dich die beste Lösung ist, kommt darauf an, was genau du machen willst.
- Stefko hat bspw. schon die Child Layouts Extension erwähnt, da könntest du dein aktuelles Konzept weiter verwenden.
- Es gibt auch Extensions, mit denen du CSS & JavaScript Ressourcen pro Seite in der Seitenstruktur festlegen kannst.
- Falls deine CSS & JavaScript Ressourcen jedoch Abhängigkeiten für Inhaltselemente oder Module sind, dann solltest du das CSS & JavaScript lieber dort über das $GLOBALS Array einbinden lassen. Also entweder $GLOBALS['TL_CSS'] (CSS Referenz im <head>), $GLOBALS['TL_JAVASCRIPT'] (JavaScript Referenz im <head>) oder $GLOBALS['TL_BODY'] (beliebige Ausgabe am Ende des <body>).
20.03.2020, 08:44
Ainschy

Zitat:

Zitat von JLN

Mir ist bewusst, dass ich es lösen könnte, indem ich kein globales Layout verwende, sondern für jede Seite einzelend nochmal zusätzlich meine globalen JS/CSS-Dateien hinzufügen, jedoch bin ich auf der Suche nach einem Workaround weil der Ansatz mir doch ein bisschen zu banal vorkommt.

Jede Seite ein eigenes Layout, oder ein globales Layout für die allgemeinen CSS / JS Definitionen und die spezifischen Dateien über

Code:

{{file::PHPDATEI.hmtl5}}

in den Header etc. schreiben lassen.

EDIT: oder so wie es Spooky schreibt, die file-Datei kann die Anweisungen für die GLOBALS enthalten.
20.03.2020, 08:47
planepix

Vielleicht hilft dir dieses Bundle bei der Lösung…?
https://github.com/trilobit-gmbh/con...tercode-bundle
20.03.2020, 08:53
JLN

Danke für eure Hilfe!
20.03.2020, 09:26
JLN
Zitat:
Zitat von Spooky

Es gibt auch Extensions, mit denen du CSS & JavaScript Ressourcen pro Seite in der Seitenstruktur festlegen kannst.
Welche wären dies z.B.?
22.03.2020, 23:34
xchs

Zitat:

Zitat von JLN

Welche wären dies z.B.?

Siehe oben:

Zitat:

Zitat von planepix

Vielleicht hilft dir dieses Bundle bei der Lösung…?
https://github.com/trilobit-gmbh/con...tercode-bundle
23.03.2020, 07:52
zonky

merger² https://github.com/contao-community-...%C3%9Cbersicht

damit kannst Du z.B. regeln aufstellen, wann welche FE-Module wann geladen werden sollen - typisches Beispiel ist verschiedene Module, die mehrsprachig angelegt worden sind, nur in ein Layout zu bringen statt für jede Sprache eigenes Layout
23.03.2020, 09:38
Kahmoon

Zitat:

Zitat von Stefko

Ahoi,

schau Dir mal richardhj/contao-childlayouts an.
https://packagist.org/packages/richa...o-childlayouts

Grüße,
Stefko

Das ist leider in den aktuellen Version buggy. Vermutlich in Verbindung mit Bootstrap. Hier werden beim Speichern die Daten in den Childlayouts gelöscht und ist damit mit Vorsicht zu genießen. Schade eigentlich denn das Modul ist eigentlich richtig richtig praktisch.

https://github.com/richardhj/contao-...outs/issues/11