Kachel-Layouts für Erlebniswelten
Auf dieser Seite stellen wir Ihnen unsere Erweiterung für Shopware 6 Kachel-Layouts für Erlebniswelten vor.
Sie stellt mehrere, flexibel nutzbare Kachel-Layout Blöcke für die Erlebniswelten bereit.
Es lassen sich Bilder, Texte, Slider und Farbkacheln platzieren. Jetzt kostenlos testen.
Im Folgenden finden Sie eine Liste der möglichen Layout-Blöcke. Diese sind ideal kombinierbar, um umfangreiche Designs für z.B. Landingpages und Startseiten zu erstellen.
Ein Beispiel dafür, wie die Layouts zu einem ansprechenden Gesamtdesign kombiniert werden können, finden Sie auf der Startseite unseres Tulip-Themes
4-Kachel-Layout #1
Eine große Kachel links, zwei kleine Kacheln in der Mitte und eine schmale Kachel rechts. In diesem Beispiel ist die große Kachel ein Bild-Slider. Für die anderen Kacheln wurde unser eigens entwickeltes und im Plugin Kachel-Layouts für Erlebniswelten enthaltenes Element Text & Bild-Kachel genutzt. Der Abstand zwischen den Kacheln ist in diesem Beispiel auf "0px" gestellt.
Farbkachel
mit Text
Ein etwas längerer Text
Suspendisse eu quam sem. Vestibulum euismod, justo eleifend consectetur faucibus, nisl enim cursus tortor, non vulputate nunc risus sit amet nunc.
Nam magna leo, finibus sit amet tincidunt ac, euismod ut sapien. Cras eget malesuada urna, vitae porttitor massa. Nunc scelerisque ultricies mattis. Mauris id sollicitudin elit
4-Kachel-Layout #2
Bildkachel mit zentriertem Text
Farbkachelmit Text
3-Kachel-Layout #1
Zwei kleine Kacheln links und eine breite Kachel rechts. In diesem Beispiel ist die größere Kachel ein YouTube-Video. Für die anderen Kacheln wurde unser eigens entwickeltes und im Plugin Kachel-Layouts für Erlebniswelten enthaltenes Element Text & Bild-Kachel genutzt. Der Abstand zwischen den Kacheln ist in diesem Beispiel auf "0.5rem" gestellt.
Bild mit zentriertem Text
3-Kachel-Layout #2
Eine breite Kachel links und zwei kleine Kacheln rechts. In diesem Beispiel ist eine kleine Kachel ein YouTube-Video. Für die anderen Kacheln wurde unser eigens entwickeltes und im Plugin Kachel-Layouts für Erlebniswelten enthaltenes Element Text & Bild-Kachel genutzt. Der Abstand zwischen den Kacheln ist in diesem Beispiel auf "1px" gestellt.
Große Bild-Kachel mit Text
Proin eu iaculis augue, vel mattis libero. Proin urna quam, ullamcorper eget sodales vel, pretium in mi. Suspendisse accumsan molestie tincidunt.
2-Kachel-Layout #1
Große Bild-Kachel mit Text
4-Kachel-Layout #3
Lorem Ipsum dolor sit amet
Lorem Ipsum dolor sit amet
5-Kachel-Layout #1
Lorem
Ipsum
Dolor
Sit
Amet
6-Kachel-Layout #1
Lorem
Ipsum
Dolor
Sit
Amet
!
5-Kachel-Layout #2
Lorem Ipsum dolor sit amet
Lorem Ipsum dolor sit amet
5-Kachel-Layout #3
Lorem Ipsum dolor sit amet
Lorem Ipsum dolor sit amet
Lange Texte im Layout
Lorem Ipsum dolor sit amet
Text-Element im Kachel-Layout
Für längere Textinhalte bietet es sich an, das Standard-Element (die Text-Bild-Kachel) unserer Layouts mit dem Textelement von Shopware zu ersetzen. Hierdurch passt sich die Höhe der anderen Kachel(n) dem Textinhalt an.
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.