Sticky Header

Eine Verbesserung der UX und UI.

Shopware Standard

Im Shopware Standard gibt es keinen Sticky Header.
Sobald man die Seite nach unten scrollt verschwindet der Header und man erreicht ihn erst wieder wenn man ganz oben auf der Seite angekommen ist.

Dies ist natürlich aus Sicht der UX und UI schlecht. Der Nutzer ist am Ende der Seite angekommen und muss dann um mit dem Header zu navigieren die komplette Seite nach oben scrollen.

Sticky Header

Mit unserem Sticky Header wird die UX und UI verbessert. Der Nutzer muss nicht mehr an den Anfang der Seite scrollen, sondern kann jederzeit auf den Header zugreifen.

Eine verkleinerte Version des Header scrollt dauerhaft mit dem Nutzer mit und ist immer erreichbar.

Konfiguration des Sticky Headers im Detail

✔ Verwendung eines Burger-Menüs und Ausblenden der Hauptnavigation

✔ Topbar alternativ bereits beim Hochscrollen wieder einblenden

✔ Verwendung eines eigenen Stylings um die Navigation unabhängig vom Theme zu gestalten

Normaler Header

(Oben auf der Seite)

Sticky Header

(Beim Scrollen)

alternativ mit ausgeblendeter Hauptnavigation und Integration des Burger-Menüs