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

  1. Listenpunkt 1
  2. Listenpunkt 2
  3. Listenpunkt 3

Pflege Guide


Farben für Erlebniswelten

#E5003A
#707073
#F4F4F4
#94CF42
#3DADC9
#EAB431

Empfohlene Bildgrößen

Produktbilder
1000 x 1000px

Kategorie Teaser
1000 x 1000px

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

Kategoriename für Listingseiten

Module:
Text Modul mit Datamapping

Klasse an Modul: 
quick-tec-category-name




Bootstrap Klassen zum Ein- und Ausblenden von Elementen

https://getbootstrap.com/docs/4.0/utilities/display/
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.