Backend-Layouts machen Spaß und sind schnell zu implementieren. Wer dadurch auf den Geschmack gekommen ist und überlegt, von Templavoila auf diese Methode zu wechseln, vermisst sicherlich die Möglichkeit, Struktur-Elemente (zwei- oder mehrspaltige Inhaltscontainer) anzulegen. Mit Templavoila hat man sich dafür meist FCEs (Flexible Content Elements) angelegt. Auch die Extension „multicolumn“ dürfte in diesem Zusammenhang vielen ein Begriff sein. Doch inzwischen gibt es eine Erweiterung für TYPO3, die das Konzept der Backend-Layouts auf Struktur- bzw. Raster-Elemente überträgt: gridelements.
Man lädt sich also die Erweiterung „gridelements“ aus dem TER, installiert sie und bindet die „Statischen Templates“ ein. Danach den System-Ordner, den man als „Allgemeine Datensatzsammlung“ angegeben hat öffnen und dort einen neuen Datensatz vom Typ „CE Backend Layout“ anlegen. Die Funktionsweise ist hier die gleiche wie bei den Backend Layouts. Danach lässt sich das neu angelegte Element auf einer Seite einfügen. Man findet es in der Rubrik „Raster-Elemente“. Hat man z. B. ein zweispaltiges Element angelegt, sieht das Backend ungefähr so aus:
Nachdem das erfreulicherweise schon alles war, kümmern wir uns um die Ausgabe auf der Webseite. Dazu kann man per Typoscript definieren, wie dieses Element ausgegeben werden soll. Für das zweispaltige Element könnte das so aussehen:
tt_content.gridelements_pi1.20.10.setup { # ID of gridelement 1 < temp.gridelements.defaultGridSetup 1 { columns { # colPos ID 11 < .default 11.wrap = <div class="firstcol">|</div> # colPos ID 12 < .default 12.wrap = <div class="secondcol">|</div> } wrap = <div class="element2cols">|</div> } } |
Wichtig sind hier die verwendeten Zahlen. Die „1“ entspricht der ID des angelegten „gridelements“. Darin befinden sich die „columns“, die anhand ihrer colPos mit einem „wrap“ versehen werden können. Der „wrap“ am Ende umschließt das komplette Element. Zusätzliche Elemente können nach dem gleichen Schema hinzugefügt werden.
Selbst wenn man keine Raster-Elemente benötigt, empfiehlt es sich, die Erweiterung gridelements zu installieren. Denn man erhält mit dieser Extension auch eine Drag&Drop-Funktionalität für die Inhaltselemente, wie man sie von Templavoila kennt.