TYPO3 - Backend Layouts

Einführung

Todo

Quickstart

Backendlayout erzeugen und zuweisen

1. Sinnvollerweise einen BackendLayout Ordner erzeugen
2. Listenansicht Backend Layout Datensatz erzeugen
3. Backend Layout In den Seiteneigenschaften zuweisen

TypoScript ergänzen

In unserem page Objekt das TypoScript ergänzen z.B. in unserer 1000_page.ts

Fluid Variablen ergänzen

# Variablen
page.10.variables {
	# content via css-styled-content oder fluid_styled_content
	contentNormal < styles.content.get 
	# Zuordnung der weiteren Backenlayout Boxen zu den Template Variablen 
	contentLeft < styles.content.get
	contentLeft.select.where = colPos=1
	contentMiddle < styles.content.get
	contentMiddle.select.where = colPos=2
	contentRight < styles.content.get
	contentRight.select.where = colPos=3
}

Auswahl des Backendlayouts soll unterschiedliche Layout Dateien verwenden. Wir nutzen ein CASE Objekt um die Auswahl des Backendlayouts auszuwerten. In key.data wird mit backend_layout_net_level das Backend Layout Feld für die nächsten Level (siehe Backend Seiteneigenschaften) definiert. -1 und slide sorgen dafür, daß im Seitenbaum in der nächst höheren Ebene geschaut wird wenn auf der aktuellen Ebene nichts gefunden wird. Wenn in backend_layout etwas gefunden wird, dann überschreibt dieser Wert die vorige Definition aus dem backend_layout_net_level Feld.

page.10.file.stdWrap.cObject = CASE
page.10.file.stdWrap.cObject{
  key.data = levelfield:-1, backend_layout_net_level, slide
  key.override.field = backend_layout
  # Default Template wenn nichts definiert ist
  default = TEXT
  default.value = {$resourceDir}/Private/Templates/Default.html
  # Backendlayout ids zu Templates zuordnen
  1 < .default
  #2 = TEXT
  #2.value = {$resourceDir}/Private/Templates/Layout2.html
  #...
}

Fluid Template ergänzen

<f:layout name="Default"/><!-- Default Layout verwenden -->
<f:section name="Main">
	<f:format.raw>{contentNormal}</f:format.raw>
	<f:format.raw>{contentLeft}</f:format.raw>
	<f:format.raw>{contentMiddle}</f:format.raw>
	<f:format.raw>{contentRight}</f:format.raw>
</f:section>

Backend Layout in Dateien auslagern

Ab Typo3 v 7.4 möglich https://vimeo.com/135548508