TYPO3 – Frontend Layouts bzw Body-Klasse konfigurieren

In Seite -> bearbeiten -> Erscheinungsbild findet man die Selectbox zur Auswahl des Front-End Layouts.
Standardmäßig gibt es hier:

  • Standard
  • Layout 1
  • Layout 2
  • Layout 3

Um nun eigene Bezeichnungen anzeigen zu lassen, fügt man im Page TSConfig folgendes TypoScript ein

Page CSS zuweisen
# bei Seiten
TCEFORM.pages {
  layout.altLabels.2 = 3 Spalten
  layout.altLabels.1 = 2 Spalten
  layout.altLabels.0 = Normal (1 Spalte)
}

#  bei content Elementen
TCEFORM.tt_content {
  header_layout.altLabels.2 = Grauer Hintergrund
  header_layout.altLabels.1 = Gruener Hintergrund
  header_layout.altLabels.0 = Normal(weis)
}

Body-Class zuweisen
page{
  bodyTagCObject = CASE
  bodyTagCObject {
    # The value of the CASE object will depend on the value of the layout field in the page records
    key.field = layout

    # Define the default value
    default = TEXT
    default.value = <body>

    # Copy the default value to 0
    0 < .default

    # Add different values for cases 1, 2 and 3, 4
    1 = TEXT
    1.wrap = <body class="|">
    1.value = posts

    2 < .1
    2.value = layout2

    3 < .1
    3.value = layout3

    4 < .1
    4.value = startpage

    }
}

Antworten


*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>