Allgemein

In diesem Bereich findest du zahlreiche Grundeinstellungen für das Aussehen deines Shops. Die wichtigesten Einstellungen in diesem Tab werden nachfolgend erklärt.

Grundeinstellungen: Farben

Primärfarbe & Sekundärfarbe: Dies sind die zwei Hauptfarben auf die das Shopdesign aufbaut. Diese beiden Farben sind mit deren Variablennamen in vielen Farbfeldern im Thememanager verlinkt. Änderst du hier diese Farbwerte, verändern sich auch alle Farben, wo diese mit den Variablennamen verlinkt sind. (Variablen: $sw-color-brand-primary / $sw-color-brand-secondary)

Rahmen: Diese Farbe wird für die Linien und Rahmen im Content-Bereich des Shops verwendet.

Hintergrund Body: Dieser Farbwert wird für den Hintergrund des Shops verwendet.

Hintergrundfarbe Inhalt: Diese Farbe wird für den Hintergrund des Content-Bereiches verwendet, sofern der "Boxed Modus" aktiv ist.

Grundeinstellungen: Einstellungen

Header Typ: Hier definierst du, ob die Navigation in einer eigenen Zeile unterhalb des Headers oder in der gleichen Zeile innerhalb des Headers dargestellt wird. Damit kannst du einen schmaleren und kompakteren Header gestalten, sofern du nur wenige Hauptnavigationspunkte in deinem Shop hast.

Anzeige des Suchfeldes im Header: Hier konfigurierst du die Darstellung der Suche in deinem Shop. Soll die Suche immer sichtbar sein oder nur nach Klick auf das Suchicon eingeblendet werden.

Fixierter Header: Hier stellst du ein, ob der Header beim Scrollen nach unten immer am oberen Browserrand sichtbar sein oder aus dem Blickfeld scrollen soll.

Schatten bei fixiertem Header: Wenn der fixierte Header aktiv ist, kannst du hier wählen, ob ein dezenter Schatten unterhalb des Headers sichtbar sein soll um sich etwas vom Content abzuheben, oder ob kein Schatten vorhanden sein soll.

Boxed Modus: Standardmäßig ist der Shop über die komplette Browserbreite gezogen. Möchtest du dies nicht, kannst du den "Boxed Modus" aktivieren. Damit wird der Shop auf die nachfolgend definierte maximale Breite beschränkt und zentriert dargestellt.

Boxed Modus Schatten: Im Boxed Modus kannst du wählen ob um den Container ein Schatten dargestellt werden soll, um sich optisch etwas abzuheben, oder nicht.

Boxed Modus Breite: Hier gibst du an welche maximale Breite dein Shop im "Boxed Modus" haben soll.

TopBar Typ: Die TopBar befindet sich über dem Header und beinhaltet den Sprach- und Währungsswitcher, einen Marketing Text und eine Verlinkung zum Login und zur Registrierung. Du kannst die TopBar mit dieser Einstellung komplett deaktivieren, sie immer sichtbar machen oder sie per Klick auf ein Icon ein-/ausklappbar machen. Bei der Option "ein-/ausklappbar merkt sich der Browser den aktuellen Status auch bei einem Seitenreload oder Wechsel auf eine andere Seite im Shop.

Grundeinstellungen: Border Radius

Buttons: Hier definierst du den Border Radius für alle Buttons im Shop

Inputs: Hier definierst du den Border Radius für alle Formular-Felder im Shop

Elemente: Hier definierst du den Border Radius für alle Elemente im Shop, wie zB Bilder, Cards, Teaser Image Box, Erweitertes Text Element, Modal Boxes, ....