Links
Comment on page

Farben konfigurieren

In diesem Artikel erfährst du, wie du die Farben in deinem Shop konfigurierst.
Farben kannst du in verschiedenen Bereichen konfigurieren:
  • Theme-Konfiguration
  • Erlebniswelten
  • jegliche HTML-Elemente (Inline-Styles)
  • Shopware Core (sehr wenige, nicht für die Gestaltung relevant)
Nachfolgend zeigen wir dir wie du die Hauptfarben in der Theme-Konfiguration an deine Wünsche anpassen kannst, stellen dir das Farbkonfigurationsfeld vor und zeigen dir mögliche Konfigurationswerte.

Beispiel

Wahrscheinlich möchtest du als erstes die Primärfarbe an dein Corporate-Design anpassen.
  1. 1.
    Öffne die Administration deines Shops
  2. 2.
    Wechsel über die Hauptnavigation in die "Theme-Verwaltung" (1) (2) ("Inhalte" => "Themes")
    • Hinweis: In der Shopware Cloud findest du den Bereich "Themes" direkt in der Hauptnavigation.
  3. 3.
    Klicke nun auf dein ThemeWare® Theme um die Bearbeitung zu beginnen
  4. 4.
    Wechsel in den Tab "Layout" (3)
  5. 5.
    Öffne den Bereich "Hauptfarben" (4)
  6. 6.
    Als "Primärfarbe" (5) wählen wir den Wert #0e8ed3
  7. 7.
    Im Feld Primärfarbe (hell) wählen wir die Nuance #6ac5f5
  8. 8.
    Als Primärfarbe (dunkel) wählen wir #0c7ebb
  9. 9.
    Speicher die Theme-Konfiguration
  10. 10.
    Wechsel in die Storefront und lade die Seite einmal neu
Du hast nun erfolgreich die Primärfarbe geändert.

Screenshots

ThemeWare® Hauptfarben
TemeWare® Strong - Orange
ThemeWare® Strong - Blau
Hinweis: Die Farbe vom Logo oder Design-Elementen in Bannern der Erlebniswelt ändert sich dadurch nicht. Dies sind Grafiken die nicht vom Browser umgefärbt werden können. Du kannst aber alle Grafiken im PSD-Format über die ThemeWare® Utilities herunterladen und diese beliebig anpassen.
Tipp: Mehr Informationen zum Thema "Farbkonfiguration" findest du im Artikel Farbkonfiguration.

Weiterführende Informationen