Live-Demo
GRID BUILDER PRO
Jedes Layout auf dieser Seite ist mit GRID BUILDER PRO gebaut – direkt in den Erlebniswelten, ohne eine Zeile CSS. Jedes Raster hat eigene Anordnungen für Desktop, Laptop, Tablet und Smartphone.
Tipp: Zieh das Browserfenster schmaler oder öffne die Seite auf dem Handy – die Raster ordnen sich je Gerät neu an. Unter jedem Beispiel steht, was sich ändert.
1 · Hero mit zwei Teasern
Desktop & Laptop: großes Bild links, Teaser rechts gestapelt · Tablet: Bild oben, Teaser nebeneinander · Smartphone: Bild-Teaser ausgeblendet
2 · Lookbook-Mosaik
Desktop & Laptop: fünf Kacheln in drei Größen, Hochformate über zwei Zeilen · Tablet: zwei Spalten · Smartphone: eine Spalte, letzte Kachel ausgeblendet
3 · Shop the Look
Desktop: Hochformat-Look neben vier Produkten im 2×2-Raster · Laptop, Tablet & Smartphone: das Hochformat wird ausgeblendet und durch ein flaches Querformat über den Produkten ersetzt
4 · Kacheln mit eigenem Stil
Hintergrundfarbe, Eckenradius, Innenabstand und vertikale Ausrichtung pro Kachel · Desktop: vier nebeneinander · Laptop & Tablet: 2×2 · Smartphone: untereinander
Dein Ausprobier-Bereich
Füge hier deine eigenen Test-Raster ein: In der Administration unter Inhalte › Erlebniswelten das Layout „GRID BUILDER Demo“ öffnen und unter diesem Text einen Block aus der Kategorie „Grid Builder“ einfügen.
Bitte ändere die Beispiele oben nicht, damit auch andere Besucher sie sehen können.