Einkaufswelt überlagernden Header erstellen

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.