Eine Sektion in voller Breite mit Text als Inhalt

Die Text-Module sind schon automatisch in einem Container, weswegen der Text nicht in voller Breite angezeigt wird.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Ein Video in der Sektion mit voller Breite

Die Sektion wird so verwendet um Videos oder Kacheln in voller Breite anzuzeigen.

Das Video kann einfach im Modul “03 – Bild (Parallax) mit Text” als Link eingefügt werden. Wenn ein Video befüllt ist macht es wenig Sinn auch einen Text zu befüllen, da dieser über dem Playbutton erscheinen würde.

Hier eine Sektion in einem Container mit fixer Breite.

Test von Textile

Darüber eine h2 Überschrift die mittels Textile geschrieben wurde.

Als nächstes noch das Parallax Modul mit Text statt Video Link.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Eine Sektion mit grauem Hintergrund

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Als nächstes folgt eine Kachelliste die die Shop Navigation beinhaltet

Dafür kann einfach das Kachelmodul verwendet werden wo die Größe ausgewählt, ein Bild eingepflegt und der Bereich “Shop-Naivgation anzeigen: “ entsprechend ausgewählt wird.

Es folgt eine Kachelliste mit diversen Kacheln und in diversen Größen.

Wichtig ist, dass Kacheln in derselben Zeile die gleiche Höhe haben sonst entstehen Lücken.

Die Kacheln können verschieden gepflegt werden. Jedoch ein Bild und ein Titel sind für eine ästhetische Ausgabe von Nöten.

Kachel mit nur Titel
Kachel mit Titel und Overlay-Text

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Eine hohe Kachel mit Titel und Overlay-Text

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Kacheln in einem Container

Dasselbe wie oben nur eben in einer Sektion mit “Container”.

Eine einzige Breite Kachel
Ich stimme zu, dass diese Seite Cookies für Analysen, personalisierten Inhalt und Werbung verwendet.