Allgemeine Styles
Headline 1
Zeilenabstand
Headline 2
Zeilenabstand
Headline 3
Zeilenabstand
Headline 4
Zeilenabstand
Headline 5
Zeilenabstand
Headline 6
Zeilenabstand
Lorem ipsum Link im Text dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
- Listenpunkt 1
- Listenpunkt 2
- Listenpunkt 3
- Listenpunkt 1
- Listenpunkt 2
- Listenpunkt 3
Pflege Guide
Farben für Erlebniswelten
Empfohlene Bildgrößen
Produktbilder
Kategorie Teaser
Home
2500 x 1000px
Tool Slider
550 x 350px
Teaser & Kategorien
1-Spaltig:
1500px | Höhe abhängig vom Inhalt – einstellbar im backend
2-Spaltig:
750px Breite | Höhe abhängig vom Inhalt – einstellbar im backend
3-Spaltig:
450px Breite | Höhe abhängig vom Inhalt – einstellbar im backend
Klassen & Module Erlebniswelten
Home
Modul:
"Zwei Spalten, Teaser-Text"
Logo links, Teaser Text rechts pflegen
Hintergrundbild an Sektion
Klasse: quick-tec-main-section
Tool-Slider
Modul:
avency Kategorie-Slider
Klasse an Modul:
quick-tec-round-teaser
Klasse an Sektion:
quick-tec-bg-gray-bottom
Kategorie-Teaser
Module:
avency Grid & avency Kategorie-Box
Klasse an Modul: quick-tec-category-teaser
Klasse an Sektion:quick-tec-bg-gray-center
Kategoriename für Listingseiten
Module:
Text Modul mit Datamapping
Klasse an Modul: quick-tec-category-name
Bootstrap Klassen zum Ein- und Ausblenden von Elementen
| Screen Size | Class |
|---|---|
| Hidden on all | d-none |
| Hidden only on xs | d-none d-sm-block |
| Hidden only on sm | d-sm-none d-md-block |
| Hidden only on md | d-md-none d-lg-block |
| Hidden only on lg | d-lg-none d-xl-block |
| Hidden only on xl | d-xl-none |
| Visible on all | d-block |
| Visible only on xs | d-block d-sm-none |
| Visible only on sm | d-none d-sm-block d-md-none |
| Visible only on md | d-none d-md-block d-lg-none |
| Visible only on lg | d-none d-lg-block d-xl-none |
| Visible only on xl | d-none d-xl-block |
Icons Meta-Navigation
An der Kategorie kann im Zusatzfeld-Tab "Template" der Icon Name hinterlegt werden. Es könne hier alle Shopware-Standard-Icons genutzt werden. Ein aktuelle Übersicht gibt es hier: https://rhiem-intermedia.de/blog/shopware-6-icons/
Wir wurden ausgezeichnet
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.
Wir wurden ausgezeichnet!
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.