Responsive Spalten mit womodo
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?
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".
Und hier nun das Live-Beispiel:
Spalte 1
Spalte 2
Spalte 3