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

Eine schmale Kachel links, zwei kleine Kacheln in der Mitte und eine große 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 "20px" gestellt.

Bildkachel mit zentriertem Text

Farbkachel
mit 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.

Video zur Verfügung gestellt von RoyaltyFreeTube.

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.

Video zur Verfügung gestellt von RoyaltyFreeTube.

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

Zwei breite Kacheln nebeneinander. In diesem Beispiel ist eine 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 "10%" 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.

4-Kachel-Layout #3

Vier gleichgroße Kacheln nebeneinander.

Lorem Ipsum dolor sit amet

Lorem Ipsum dolor sit amet


5-Kachel-Layout #1

Fünf gleichgroße Kacheln nebeneinander.

Lorem

Ipsum

Dolor

Sit

Amet


6-Kachel-Layout #1

Sechs gleichgroße Kacheln nebeneinander.

Lorem

Ipsum 

Dolor

Sit

Amet

!


5-Kachel-Layout #2

Eine große Kachel links, vier kleine Kacheln rechts.

Lorem Ipsum dolor sit amet

Tischlampe Gold-Schwarz
Duis ultrices magna volutpat elit aliquet rutrum. Quisque ornare laoreet mauris vel posuere. Vivamus rutrum quam vitae tortor tincidunt, in mollis est accumsan. Phasellus in lacus porta, consectetur nulla a, lobortis odio. Etiam vulputate nisi at ex ultrices, vitae rutrum odio fringilla. Aliquam laoreet tellus nec odio viverra, nec varius nunc scelerisque. Sed nisl diam, mattis nec fringilla et, finibus quis sapien. Morbi ut gravida ante, ut posuere metus. Morbi egestas aliquam diam, ac auctor dolor. Quisque et mauris dictum, lacinia justo at, efficitur ligula.

64,99 €*

Lorem Ipsum dolor sit amet


5-Kachel-Layout #3

Vier kleine Kacheln links, eine große Kachel rechts.
Lorem Ipsum dolor sit amet

Lorem Ipsum dolor sit amet

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.