DE
Theme kaufen Themes Support

Stratus - Demo 1

Das Minimal Design zeichnet sich durch seine globalen Layoutabstände aus, welche den Onlineshop wie einen Rahmen umgeben.

Admin Demo

Besuche unsere Admin-Demo, um Dir die Einstellungen aus unseren Demos anzuschauen. Dort siehst Du auch unsere Konfiguration der Demo-Erlebniswelten.

Url: stratus.shopwaredemos.com/admin Name: demo Passwort: shopware

Einstellungen der Zusatzfelder

Über Zusatzfelder erweitert das Theme die Funktionen des Shops in den Bereichen Kataloge > Kategorien und Kataloge > Produkte. Zusatzfelder können so die Darstellung für jede Kategorie oder jedes Produkt einzeln verändern.

Startseite

Diese Demo nutzt keine abweichenden Einstellungen in den Zusatzfeldern.

Kategorien

Manche Kategorien nutzen die Theme-eigene Kategoriebild Funktion. Erfahre im Bereich INHALTE > Kategorie > Kategoriebild mehr zu den Möglichkeiten.

Abweichende Einstellungen

Konfigurationen, welche wir über ein Update implementiert haben, können oft nicht mit dem Standard-Wert ausgeliefert werden, der in der Demo dargestellt wird. Damit stellen wir sicher, dass bestehende Onlineshops nicht ohne das Wissen des Kunden verändert werden.

Die abweichenden Einstellungen haben wir hier aufgelistet:

StylingWert

Allgemein > Grundlayout > Header (mobil)

Einzeiliger Header

Allgemein > Produktbilder > Breite Artikelbild

1890*

Allgemein > Produktbilder > Höhe Artikelbild

2400*

Header > Main Navigation > Unternavigation Aussehen

Dropdown Navigation

Header > Flyout Navigation > Grundeinstellungen > Icon bei externen Links

true

Kategorie > Produkt-Boxen > Grundeinstellungen > Varianten günstigster Preis

false

Footer > Footer Bottom > Grundeinstellungen > Service-Navigation anzeigen

false

Produkt > Details > Produkt Details > alle Switch Felder

true

Allgemein > Scroll Animation > Grundeinstellungen > Produkt Listing animieren

true

EinstellungenWert

Youtube Video Consent

Ja

*Diese Werte sind angepasst an unsere Produktbilder. Eine Übernahme dieser Werte ist daher nicht empfehlenswert.

Erlebniswelt

Eine grundlegende Einleitung zu den Erlebniswelten findest Du in der Shopware Doku im Bereich Erlebniswelten. Dort werden die grundlegenden Begriffe und Einstellungen der Layouts, Sektionen und Blöcke erklärt.

Sektion 1

Sektion-Einstellungen:

  • CSS-Klassen: -

  • Größenmodus: Volle Breite

  • Hintergrundfarbe: -

  • Hintergrundbild: -

  • Bildmodus: -

Bild Text Slider

Elemente (Horizon) > Bild Text Slider

  • Hintergrundfarbe: -

  • Hintergrundbild: -

  • Bildmodus: -

  • CSS-Klassen: -

  • Oberer Abstand: 0px

  • Unterer Abstand: 80px

  • Linker Abstand: 0px

  • Rechter Abstand: 0px

Sektion 2

Sektion-Einstellungen:

  • CSS-Klassen: -

  • Größenmodus: Zentrierter Inhalt

  • Hintergrundfarbe: -

  • Hintergrundbild: -

  • Bildmodus: -

Teaser - Drei Spalten

Elemente (Stratus) > Teaser - Drei Spalten

  • Hintergrundfarbe: -

  • Hintergrundbild: -

  • Bildmodus: -

  • CSS-Klassen: zen-animate slide-in-blurred-bottom zen-cms-g-0

  • Oberer Abstand: auto

  • Unterer Abstand: auto

  • Linker Abstand: auto

  • Rechter Abstand: auto

  • Bild Maße ca. 1000x1000px

  • Mouse-Over Effekt: slide-in-blurred-bottom

  • Mouse-Out Effekt: slide-out-blurred-bottom

  • Bild Maße ca. 1000x1000px

  • Mouse-Over Effekt: fade-in-top

  • Mouse-Out Effekt: flip-out-hor-bottom

  • Bild Maße ca. 1000x1000px

  • Mouse-Over Effekt: slide-in-right

  • Mouse-Out Effekt: slide-out-right

Teaser - Drei Spalten

Elemente (Stratus) > Teaser - Drei Spalten

  • Hintergrundfarbe: -

  • Hintergrundbild: -

  • Bildmodus: -

  • CSS-Klassen: zen-animate slide-in-blurred-bottom zen-cms-g-0

  • Oberer Abstand: auto

  • Unterer Abstand: auto

  • Linker Abstand: auto

  • Rechter Abstand: auto

  • Bild Maße ca. 1000x1000px

  • Mouse-Over Effekt: slide-in-left

  • Mouse-Out Effekt: slide-out-left

  • Bild Maße ca. 1000x1000px

  • Mouse-Over Effekt: slide-in-bottom

  • Mouse-Out Effekt: slide-out-bottom

  • Bild Maße ca. 1000x1000px

  • Mouse-Over Effekt: slide-in-blurred-bottom

  • Mouse-Out Effekt: slide-out-blurred-bottom

Produkt-Slider

Commerce > Produkt-Slider

  • Hintergrundfarbe: -

  • Hintergrundbild: -

  • Bildmodus: -

  • CSS-Klassen: -

  • Oberer Abstand: 40px

  • Unterer Abstand: 40px

  • Linker Abstand: auto

  • Rechter Abstand: auto

Sektion 3

Sektion-Einstellungen:

  • CSS-Klassen: -

  • Größenmodus: Zentrierter Inhalt

  • Hintergrundfarbe: -

  • Hintergrundbild: -

  • Bildmodus: -

Zwei Spalten

Spalten (Stratus) > Zwei Spalten

Die zweite Sektion besteht aus drei Blöcken die jeweils im Wechsel mit einem Teaser-Element und einem Produkt-Slider gefüllt sind. Die Einstellungen sind für alle drei "Zwei Spalten" Blöcke identisch.

  • Hintergrundfarbe: -

  • Hintergrundbild: -

  • Bildmodus: -

  • CSS-Klassen: zen-animate fade-in-top

  • Oberer Abstand: 40px

  • Unterer Abstand: 40px

  • Linker Abstand: auto

  • Rechter Abstand: auto

Sektion 4

Sektion-Einstellungen:

  • CSS-Klassen: -

  • Größenmodus: Zentrierter Inhalt

  • Hintergrundfarbe: -

  • Hintergrundbild: -

  • Bildmodus: -

Drei Spalten, Bild/Text-Karten

Text & Bild > Drei Spalten, Bild/Text-Karten

  • Hintergrundfarbe: -

  • Hintergrundbild: -

  • Bildmodus: -

  • CSS-Klassen: zen-animate fade-in-top

  • Oberer Abstand: 20px

  • Unterer Abstand: 20px

  • Linker Abstand: auto

  • Rechter Abstand: auto

Die Einstellungen aller drei Spalten unterscheiden sich nur im Bildmotiv.

Last updated