5. März 2010 in Tutorials, TYPO3 by Leo

In einem aktuellen Projekt an welche ich gerade arbeite, musste ich je nach dem wo man gerade ist in der Navigation, verschiedene CSS Files einbinden. Das heisst, je nach treeLevel (so nennt man dies in TYPO3), wird ein anderes CSS File eingelesen, falls dies erwünscht ist.

Zu erst einmal, wie wird der treeLevel bestimmt?
Dies ist ganz einfach, man geht von der Hauptseite (root) aus, welcher 0 ist. Danach geht es mit 1, 2, 3 [...] weiter, je nach Untermenü.

Dies würde dann etwa so aussehen:

- Home (0)

  • - TV Geräte (1)
  • - LG (2)
  • - Sony (2)
  • - Philips (2)
  • - Stereoanlagen (1)
  • - … (2)

Habt ihr das im griff, könnt ihr folgenden TypoScript Code verwenden, um das ganze zu verwenden:

[treeLevel = 2]
page {
includeCSS {
file10 = fileadmin/templates/styles/optional.css
}
}
[global]

Den Code müsst ihr natürlich noch anpassen. Falls der Haupt-Style überschrieben werden soll, setzt anstatt “File10″ einfach File1 ein, so übernimmt der oben eingebundene Style alles. Falls ihr mehrere treeLevel mit dem oben eingebundenen Style haben wollt, könnt ihr Kommas verwenden: [treeLevel = 1,2,3]
Ansonsten könnt ihr den Code Schnipsel auch mehrfach einfügen, falls ihr auch mehrere Stylesheets habt.