CSS Datei in Layout auswählen

Für manche Seitenbäume benötigt man eine andere CSS Datei. Wenn der Redakteur diese auswählen soll, kann man dies mit Seiteneigenschaften -> Layout im TypoScript realisieren.

Man bietet dem Redakteur z.B diese Farbauswahl an, die im PageTSconfig auf der Root Seite definiert wird:

##Layoutauswahl per CSS
TCEFORM.pages.layout.altLabels.0 = Blaues Layout
TCEFORM.pages.layout.altLabels.1 = Rotes Layout
TCEFORM.pages.layout.removeItems = 2,3

Im Setup wird in den Header die CSS Datei je nach gewähltem Layout eingefügt.

In temp.layoutchoice wird der Ordner "color1" oder "color2" ausgegeben, je nachdem was der Redakteur gewählt hat. In jedem Ordner liegt die Datei "color.css". Der Redakteur wählt im unten gezeigten Beispiel von der Seite die in $pageID definiert wird, aus. Seitencache löschen nicht vergessen.

temp.layoutchoice = TEXT
temp.layoutchoice {
    data = DB : pages : {$pageID} : layout
    wrap = <link rel="stylesheet" type="text/css" href="{$cssPath}color|
}

page.headerData = COA
page.headerData {
    10 < temp.layoutchoice
    20 = TEXT
    20.value = /color.css" media="print, screen" />
}