Layout in Seiteninhalt / Inhaltselement definieren

TYPO3 Tipps

Wenn man einem Inhaltselement unter Typo3 7.6.xx ein anderes Layout zuweisen möchte, rekursiv also eine CSS Klasse, dann gab es "früher" das Dropdown Element "Rahmen". Diesen gibt es so nicht mehr, so dass das Layout dafür benutzt werden kann. Für das Webdesign ist diese Funktion wichtig.

Zunächst sollte man dem Layout eindeutige Namen verpassen, die der Redakteur auch nach einem halben Jahr Typo3 Abstinenz noch einigermaßen zuordnen kann.

Dafür klicken wir auf die Root-Seite und öffnen die Seiteneigenschaften. In den Tabs gibt es die Ressourcen. Dort gibt es ein Feld Seiten-TSconfig. Dort wird nach diesem Muster

TCEFORM.tt_content {

        layout{

            altLabels{

                0 = Normale Box

                1 = Eindeutiger Name 1

                2 = Eindeutiger Name 2

                3 =  Eindeutiger Name 3

                4 = Eindeutiger Name 4

            }

            removeItems = 6,7,8,9,10

        }

    }

eingetragen. Man kann die TSConfig in TYPO3 natürlich auch auslagern, und als .ts auf dem Server bereitstellen. Dann hat man alles zentral. In den Constants des Root Template wird

<INCLUDE_TYPOSCRIPT: source="FILE:fileadmin/template/TypoScript/constants.ts">

der Ort der Datei definiert.

Jetzt kann man im Setup, welches ich auch stets auslagere, folgendes oä. definiert:

tt_content.stdWrap.innerWrap.cObject = CASE

    tt_content.stdWrap.innerWrap.cObject {

        key.field = layout

        1 = TEXT        

        1.value = <div class="csc-default meineklasse1">|</div>

 

        2 = TEXT

        2.value = <div class="csc-default meineklasse2">|</div>

    

     3 = TEXT

        3.value = <div class="csc-default meineklasse3">|</div>

 

    }

Jetzt erhält das Div jeweils eine CSS-Klasse.

TYPO3 Extension: System / Typoscript
Version: <= 9.xx

Zurück