In het tabblad Header stel je in hoe de bovenkant van je webshop (het kopgedeelte met logo, menu en winkelmand) zich gedraagt en eruitziet. Je kunt kiezen uit een standaard header of een van de sticky header varianten die blijven “plakken” tijdens het scrollen, en je kunt de achtergrondkleur van de header aanpassen.
Sticky header (alleen voor desktop)
Een sticky header is een header die aan de bovenkant van het scherm blijft staan zodra de bezoeker naar beneden scrolt. Dit houdt het menu en de winkelmand altijd binnen handbereik, wat vooral op lange pagina’s erg prettig is. De sticky header is alleen actief op desktopbrowsers — op tablet en mobiel werkt de header altijd standaard, zodat er geen schermruimte verloren gaat.
Je kunt kiezen uit vier opties:
- Standaard — geen sticky header. De header scrolt gewoon mee naar boven als de bezoeker scrolt.
- Sticky header 1 — een sticky variant die het complete header-gedeelte vast plakt bovenaan het scherm tijdens scrollen.
- Sticky header 2 — een alternatieve sticky variant met een andere weergave, bijvoorbeeld een compacter formaat.
- Sticky header 3 — een derde sticky variant met nog een andere stijl. Probeer ze alle drie uit in de preview en kies welke het beste bij je webshop past.
Achtergrondkleur header
Hier stel je de achtergrondkleur van de header in. Kies een kleur die goed contrasteert met je logo en menu zodat je webshop er professioneel uitziet. Als je kiest voor een donkere achtergrondkleur, zorg er dan voor dat je menu- en tekstkleuren licht genoeg zijn om goed leesbaar te blijven. Deze zet je in het tabblad Kleuren.
Tip
Test elke sticky header variant door in de preview te scrollen. Klik op de desktop-knop bovenaan de preview om de sticky header goed in actie te zien — op tablet en mobiel zie je er niets van, omdat de sticky header daar niet wordt toegepast.
