Zum Inhalt springen

Use backend layouts

Since TYPO3 version 4.5, it has been possible to display the columns available for filling with content more clearly for the editor. These can now be named individually and additional columns can be added with little effort.

This also makes it very easy to map more complex layout structures in the backend, which can be a relief for editors under certain circumstances.

Example code

temp.contentStructure = CASE
temp.contentStructure {
 key.field = backend_layout
 key.ifEmpty.data = levelfield:-2, backend_layout_next_level, slide 

 # UID of the backend layout
 2 = COA
 2.10 = COA
 2.10 {
 wrap = <div class="content clearfix">|</div>
 
 # Upper area, full width
 10 < styles.content.get 
 10.select.where = colPos = 1 
 10.wrap = <div class="fullwidth">|</div>
 
 # Main content 
 20 < styles.content.get 
 20.select.where = colPos = 0
 20.wrap = <div class="main">|</div>
 
 # sidebar 
 30 < styles.content.get 
 30.select.where = colPos = 2 
 30.wrap = <div class="sidebar">|</div>
 
 }
 
 # footer area
 2.20 < styles.content.get
 2.20.select.where = colPos = 3
 2.20.wrap = <div class="footer">|</div>
} 
 
# Object in the variable content
page.10.variables {
 content < temp.contentStructure
}
Updated: 17.07.2024