Zwerfkei

Volledige header

Sticky header met top bar + navigatie. Klik op een nav-item met ↓ om de mega menu te openen.

Mega menu — Category grid

Wordt getoond wanneer een nav-item het type category-grid heeft (bv. Schoenen). Klik op een categorie met kinderen om naar level 2 te navigeren. Gebruik de ← Terug knop om terug te gaan.

Trigger via de header hierboven → klik op "Schoenen"

Mega menu — Columns

Wordt getoond wanneer een nav-item het type columns heeft (bv. Producten). Toont een category slider bovenaan en meerdere linkkolommen eronder. Optioneel: promo banners onderaan (SALE + chat CTA).

Trigger via de header hierboven → klik op "Producten"

Category item — Atom

<category-tile> — icon kaartje, gedeeld tussen de mega menu en de footer/PLP category-grids. States: default, geselecteerd (cyan rand), met badge.

Search bar

<header-search> — zoekveld met zoekknop. Submitgedrag navigeert naar SEARCH_URL?q=… (placeholder totdat het echte zoekroute beschikbaar is).

Mobile menu panel

<mobile-menu-menu> — fullscreen slide-over panel met tabs (Product, Merken, Keuzehulp, Zwerfkei, Support) en drill-down navigatie. Onderaan sticky footer met openingstijden, SALE banner en chat CTA.