Shopware 5 - Themes
ÜbersichtStoreTicket eröffnen
  • Shopware 5 - Themes Doku
  • Installation
  • Erste Schritte
  • FAQ
    • Erweitertes Menü
    • Bildgrößen im Listing
    • Probleme beim Kompilieren
    • Child Theme
    • Konfiguration exportieren / importieren
    • Eigenes CSS
    • SVG Logo wird nicht angezeigt
  • Stratus
    • Vorlagen Übersicht
    • Konfiguration
      • Grundeinstellungen
      • Typografie & Farben
      • Header Hintergrundbilder im Listing
      • Text Slider im Offcanvas Menü
      • Schriftarten editieren
      • Einkaufswelt überlagernden Header erstellen
      • Transparenten Header auf der Startseite
      • Schlagwortwolke im Footer
      • Währungs- und Sprachauswahl
  • Atmos
    • Vorlagen Übersicht
    • Konfiguration
      • Grundeinstellungen
      • Typografie & Farben
      • Header Hintergrundbilder im Listing
      • Text Slider im Offcanvas Menü
      • Schriftarten editieren
      • Einkaufswelt überlagernden Header erstellen
      • Transparenten Header auf der Startseite
      • Schlagwortwolke im Footer
      • Währungs- und Sprachauswahl
  • Gravity
    • Vorlagen Übersicht
    • Konfiguration
      • Grundeinstellungen
      • Typografie & Farben
      • Header Hintergrundbilder im Listing
      • Marketing Banner
      • Schriftarten editieren
      • Einkaufswelt überlagernden Header erstellen
      • Transparenten Header auf der Startseite
      • Ausklappbare Topbar
      • Schlagwortwolke im Footer
  • Sphere
    • Vorlagen Übersicht
    • Konfiguration
      • Grundeinstellungen
      • Marketing Banner
      • Header Hintergrundbilder im Listing
      • Schriftarten editieren
      • Einkaufswelt überlagernden Header erstellen
      • Transparenten Header auf der Startseite erstellen
      • Ausklappbare Topbar
      • Schlagwort Wolke im Footer
  • Horizon
    • Vorlagen Übersicht
    • Konfiguration
      • Grundeinstellungen
      • Schriftarten editieren
Powered by GitBook
On this page

Was this helpful?

  1. Stratus
  2. Konfiguration

Einkaufswelt überlagernden Header erstellen

PreviousSchriftarten editierenNextTransparenten Header auf der Startseite

Last updated 4 years ago

Was this helpful?

In diesem Theme kannst du Deinen Header so einstellen, dass dieser auf der Startseite die Einkaufswelt überlagert und beispielsweise über einem Banner-Slider liegt.

Damit sind moderne Designs möglich, welche Du so mit keinem anderen Theme realisieren kannst.

Achte darauf, dass Du diese Option nur wählst, wenn Du auf der Startseite einen Banner oder Banner-Slider mit Hilfe der Einkaufswelt anzeigen möchtest.

1. Stelle unter Grundeinstellungen > Header die Option Header Positionierung auf "Absolute Positionierung"

2. Passe unter Typografie & Farben > Header die Hintergrundfarbe des Header Hintergrundes, die Hintergrundfarbe der Kategorien-Navigation und die Hintergrundfarbe der Shop-Navigation nach Deinen Wünschen an.

Hier kannst Du mit den verschiedenen Werten sehr unterschiedliche Looks erstellen.

Achtung Transparenter Header: Wenn Du den Header transparent gestalten willst, sodass die Kategorien, das Logo und die Shop-Navigation ohne Hintergrundfarbe auf dem Banner oder Banner-Slider liegen, trage bitte nicht "transparent" in das Feld für den Header Hintergrund ein. Die Farbe Header Hintergrund wird für den Sticky Header benötigt. Verwende die Funktion "Transparenter Header" weiter unten.

Funktion Transparenter Header:

3. Sollen die Kategorien, das Logo sowie die Shop-Navigation auf dem Banner Bild oder Banner-Slider Bild ohne eine Hintergrundfarbe dargestellt werden, kannst Du das unter Grundeinstellungen > Header im Feld Header Transparenz einstellen.

Achte hierzu auf ausreichenden Kontrast zu den eingestellten Bildern.

In diesem Beispiel-Bild (unten) kann man die Farbe der aktiven Kategorie "Home" auf dem gleichfarbigen Hintergrund nicht mehr lesen. Hierzu sollte das Banner-Bild oder die aktive Farbe der Kategorien angepasst werden um die Bedienbarkeit nicht zu verschlechtern.