Responsive Spalten mit womodo

5. April 2017

Das Inhaltsmodul "Spalten" besitzt die Eigenschaft "Spalten auflösen bei ...". Damit ist es möglich, bei responsive Designs die Spalten aufzulösen, wenn die Bildschirmbreite unterschritten wird. Dabei kann der Autor bestimmen, ob die Spalten bei "mittlerer" oder "kleiner" Bildschirmbreite aufgelöst werden sollen.

Nehmen wir an, wir haben 3 Spalten.

Wie erreicht man nun, daß bei mittlerer Bildschirmbreite zunächst nur 2 der 3 Spalten und erst bei kleiner Bildschirmbreite alle 3 Spalten aufgelöst werden?

responsive-spalten.jpeg

Der "Trick" sind verschachtelte Spaltenmodule (ein Trick, den man zweimal anwendet, nennt man übrigens "Verfahren" :-)):

Statt einem Spalten Modul mit 3 Spalten verwendet man ein Spaltenmodul mit nur ZWEI Spalten, wobei die 2-te Spalte die Breite "2" erhält (also doppelt so breit ist wie die erste). Dann fügt man in die 2-te Spalte wiederum ein Spaltenmodul mit 2 Spalten ein. In Summe ergibt das die gewünschten 3 Spalten.

Im äußeren Spaltenmodul definiert man nun "auflösen bei mittlerer Auflösung" und im inneren Spaltenmodul "auflösen bei kleiner Auflösung".

bildschirmfoto 2017-04-05 um 17.34.26.png

Und hier nun das Live-Beispiel:


Spalte 1



Spalte 2



Spalte 3


Dies ist ein exzellentes Beispiel dafür, welche Flexibilität die womodo Inhaltsmodule dadurch erhalten, daß sie anders als bei herkömmlichen CM-Systemen ineinander verschachtelt werden können.