Verschachtelte Elemente in Contao 5.3

Contao 5.3 bringt mit den verschachtelten Elementen (Nested Elements) wieder mehr Ordnung ins Backend — speziell in die Artikel.

Das Problem: unübersichtliche Artikel

Ein Beispiel: Denk an einen Artikel, in dem mehrere Akkordeon-Elemente enthalten sind. Manche bestehen nur aus einem Text, andere aus Text und einer Galerie und vielleicht sogar einem Link-Element — und alle sind von einem Akkordeon-Start- und -Ende-Element umgeben.

So ein Akkordeon besteht schnell mal aus 20 und mehr Inhaltselementen. Und wenn dann noch vor und nach dem Akkordeon Inhalte kommen, wird es langsam aber sicher unübersichtlich.

Die Lösung: Nested Elements

Genau hier setzen die Nested Elements an: Der Akkordeon-Block ist nur noch ein Element in der Artikelansicht und hat dafür Kind-Elemente, die sich in einer eigenen Ansicht verwalten lassen. Auch der Contao Slider gehört zu den neuen verschachtelten Elementen.

Was passiert mit den alten Wrapper-Elementen?

Die Nested Elements werden langfristig die Start- und Stop- bzw. Wrapper-Elemente ablösen. Bis dahin stehen diese als Legacy Elements weiter zur Verfügung. Wenn du also eine bestehende Contao-Installation auf Contao 5.3 aktualisierst, bleibt (zumindest was Akkordeons und Slider angeht) alles beim Alten — du kannst in Ruhe und bei Gelegenheit die alten Wrapper-Konstrukte durch die neuen Nested Elements ersetzen.

So lief es auch bei der Umstellung des SOLO-Themes: durch alle Akkordeon-Elemente gehen, das neue Akkordeon-Element einsetzen und die CSS-Anweisungen für Akkordeon und Slider anpassen. Der neue Contao Slider basiert dabei zusätzlich auf dem Swiper Slider.

Weiterführend

Das Akkordeon-Element selbst basiert seit Contao 5.2 auf dem Vanilla-JS-Script Handorgel — Details und Styling-Tipps findest du im Artikel Handorgel: das Vanilla-JS-Akkordeon in Contao.