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/
