Hallo,
ich versuche folgende HTML-Struktur als BE-Layout zu realisieren:
<div class="col-md-8 column-left">...</div>
<div class="col-md-4 column-right">
<div class="info">
<h2>Ueberschrift</h2>
<p>...Textblock...</p>
<p>... noch ein Text Block</p>
</div>
<div class="map">...ein Bild...</div>
</div>
Das Backend-Layout habe ich erzeugt und der Seite zugewiesen.
Das Problem ist nun die Umsetzung im TS.
Hier mein Versuch:
temp.contentStructure = CASE
temp.contentStructure {
key.field = backend_layout
key.ifEmpty.data = levelfield:-2, backend_layout_next_level, slide
2 = COA
2.10 = COA
2.10 {
# linke Spalte
10 < styles.content.get
10.select.where = colPos = 0
10.wrap = <div class="col-md-8 column-left">|</div>
# rechte Spalte
20.wrap = <div class="col-md-4 column-right">|</div>
# Info
20.10 < styles.content.get
20.10.select.where = colPos = 1
20.10.wrap = <div class="info">|</div>
# Karte
20.20 < styles.content.get
20.20.select.where = colPos = 2
20.20.wrap = <div class="map">|</div>
}
}
page.10.variables.content < temp.contentStructure
Das Problem sind die verschachtelten DIV's der rechten Spalte.
Ich brauche einen Wrap um die gesamte rechte Spalte und je einen für die beiden DIV's in der rechten Spalte.
Ist sowas machbar und wenn ja wo ist mein Denkfehler?
Vielen Dank und Gruß
Tikky