Frontend-Layout für Änderungen im Header

In einem TYPO3-Projekt in unserer Agentur möchten wir einen anderen Header für bestimmte Seiten ausgeben, d.h. anderes Logo, andere Menüstruktur, etc.. Dies ist in wenigen einfachen Schritten umsetzbar (hier am Beispiel einer Website mit TYPO3 v9.5.19): Zuerst fügen wir in der Seiten TS Config ein eigenes Layout hinzu, z.B. mit der Anweisung

 

 

 

 

TCEFORM.pages.layout {

                addItems {

                               4 = Unser neues Agentur Layout

                }

}

 

 

SeitenTSConfigBlog.PNG

 

Dieses neue Layout können wir dann auswählen unter "Erscheinungsbild->Seitenlayout->Frontend-Layout", so dass wir damit dann in unserem Fluid-Template hierauf referenzieren können, so z.B. im ELSE-Fall innerhalb einer IF-Schleife:

 

<f:else if="{page.layout} == '4'">

<div> Irgendein Header! </div>

</f:else>

 

Bei uns der Fall in der Datei 

 

/typo3conf/ext/EXTENSIONNAME/Resources/Private/Partials/Area/Header.html

 

Damit haben wir einen eigenen Header für ausgewählte Seiten hergestellt und alles funktioniert wie gewünscht. Gesehen in unserer TYPO3-Agentur in einer Website mit TYPO3 9.5.19.