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.

 

 

AUSGEZEICHNET

Ein von uns entwickeltes Webportal wurde mit dem Humboldt-Preis für Nachhaltigkeit ausgezeichnet.

PROJEKT

Nachhaltige Sportveranstaltungen in Deutschland

AUSZEICHNUNG

Wissenschaftliche Auszeichnung
in Kooperation mit der Deutschen Sporthochschule Köln

Projekt Webportal Mockup