LogoLogo
Zum ThemeUnsere Shopware AgenturEinrichtung beauftragen
Deutsch
Deutsch
  • Einstieg
  • Herzlich Willkommen
  • Theme
  • Einrichtung
  • Theme Konfiguration
    • Allgemein
      • Verwaltung
      • Theme-Farben
      • Status-Ausgaben
      • Typografie
      • E-Commerce
      • Medien
      • Layout
      • Produktbilder
      • Formulare
      • Google Bewertungen
      • Social
    • Header
      • Ankündigungsleiste
      • Top Bar
      • Header
      • Such Overlay
      • Navigation
      • Flyout Navigation
    • Footer
      • Top Bar
      • Layout
      • Spalten
      • Zeile
      • Abschluss
    • Produkt Detailseite
      • Layout
      • Galerie
      • Buy Box
      • Tabs
      • Cross Selling
    • Erlebniswelten
      • Breadcrumb
      • Filter
      • Sidebar
      • Kategorie-Navigation
      • Listing
      • Produkt Box
    • Checkout
      • Layout
      • Warenkorb
      • Registrierung
      • Abschluss
    • Offcanvas
      • Navigation
    • Benutzerdefiniert
  • Enthaltene Erweiterungen
    • Breadcrumb
    • Checkout
    • Datenblätter
    • Erlebniswelten Blöcke
    • FAQs
    • Features
    • Flyout Navigation
    • Google Bewertungen
    • Produktbild Hover
    • Aufgeklappte Sidebar-Filter
    • Unterkategorie-Navigation
    • Zusätzlicher Tab
  • Zahlungs- und Versandarten Icons
  • Apps
  • Blog
  • SEO URL Manager
  • Produkt Konfigurator
  • Aufklappbare & sticky fixierbare Sidebar
  • Newsletter Pop-Up
  • Cross Selling Pop-Up
  • Merkzettel Manager
  • Academy
    • Fachbegriffe
      • Ankündigungsleiste
      • Anzeigemodus
      • Button
      • Breadcrumb
      • Checkout
      • Conversion
      • Cross Selling
      • Flyout Navigation
      • Footer
      • Header
      • Hover Effekt
      • Icon
      • Kategorieseite
      • Landingpage
      • Offcanvas
      • Produkt Detailseite
      • Sidebar
      • Storefront
      • Top Bar
      • Variable
      • Warenkorb
      • Widget
  • Support
    • Unterstützung
    • Fehlermitteilung
    • Featurewunsch
Bereitgestellt von GitBook

© Atloss GmbH. All rights reserved.

Auf dieser Seite
  • Übersicht
  • Konfiguration

War das hilfreich?

Als PDF exportieren
  1. Theme Konfiguration
  2. Allgemein

Theme-Farben

VorherigeVerwaltungNächsteStatus-Ausgaben

Zuletzt aktualisiert vor 2 Monaten

War das hilfreich?

Übersicht

Die Farben, die du hier hinterlegst spiegeln sich an unterschiedlichen Stellen deines Shops wider.

Konfiguration

Primärfarbe

Sekundärfarbe

Rahmen

Hintergrund

Dies ist die Hintergrundfarbe deines Shops auf allen Seiten. Wir empfehlen diesen komplett weiß oder in einem leichten hellgrau zu halten. Andernfalls kann es schnell passieren, dass der Hintergrund zu stark ablenkt.


Browser-Farbe

Mit dieser Einstellung lässt sich die mobile Browser-Farbe anpassen. Jedoch unterstützt nicht jeder Browser dieses Feature. Daher kann unter Umständen in manchen Browsern immer noch eine Standard-Systemfarbe dargestellt werden.

Dies ist die Hauptfarbe deines Shops. Sie zieht zieht sich wie ein roter Faden durch alle Unterseiten und färbt verschiedene Elemente in den hier hinterlegten Wert. Ganz konkret sind dies bspw. die , die oder auch die .

$sw-color-brand-primary

Die Sekundärfarbe dient als Akzentfarbe und tritt an vereinzelten Stellen in deinem Online Shop auf. Ein Beispiel hierfür ist der des Gutschein-Einlösefeldes im -Warenkorb.

$sw-color-brand-secondary

Wie der Name schon verrät ist diese Farbkonfiguration für die Rahmen in deinem Online Shop verantwortlich. Diese kannst du bspw. an der Trennlinie auf der oder im sehen.

$sw-border-color

$sw-background-color

Buttons
Top Bar
Ankündigungsleiste
Variable:
Button
Offcanvas
Variable:
Produkt Detailseite
Warenkorb
Variable:
Variable: