De meelopende bestelbalk is een smalle balk die op productdetailpagina's onderaan het scherm "plakt" terwijl de bezoeker scrolt. De balk toont productnaam, prijs, een variant-selector en een "In winkelwagen"-knop. Zo kunnen klanten op elk moment het product bestellen, ook wanneer ze ver naar beneden zijn gescrold en de hoofdknop niet meer in beeld is.
Waar vind je het?
Schakel de bestelbalk in via Instellingen > Producten. Het uiterlijk pas je aan via Instellingen > Design.
Hoe werkt het?
Aanzetten
- Ga naar Instellingen > Producten.
- Schakel Meelopende bestelbalk in (onderaan in de lijst met productinstellingen).
- Klik op .
Vanaf nu verschijnt de balk automatisch op alle productdetailpagina's.
Wat toont de balk?
- Productfoto (klein, links)
- Productnaam
- Prijs
- Variant-selector — als het product meerdere varianten (kenmerken) heeft, kan de klant deze vanuit de balk wisselen zonder eerst naar boven te scrollen.
- Aantal-veld (optioneel)
Wanneer de klant in de balk een andere variant kiest, wordt de hele productpagina aangepast naar de gekozen variant (zonder herladen). De prijs en voorraad in de balk lopen synchroon mee.
Uiterlijk aanpassen
Ga naar Instellingen > Design om kleuren, lettertypen en spacing van de bestelbalk aan te passen. De balk gebruikt dezelfde stijlvariabelen als de rest van je shop, zodat hij automatisch bij je huisstijl past. Voor specifieke aanpassingen kun je in de design manager doorklikken op de bestelbalk in de preview.
Wanneer verschijnt de balk?
De balk wordt pas zichtbaar wanneer de bezoeker een stukje naar beneden heeft gescrold (zodat de hoofd-bestelknop uit beeld is). Zo storen we de bezoeker niet die net op de pagina is geland.
Veelgestelde vragen
Ja. De balk past zich automatisch aan kleinere schermen aan en is daar vaak nog belangrijker, omdat klanten op mobiel veel scrollen. Op mobiel wordt de bestelbalk vaak prominent onderaan in beeld gehouden.
Nee, de instelling is shopbreed. Wil je de balk niet, schakel deze dan globaal uit via Instellingen > Producten.
Controleer of het product daadwerkelijk varianten met kenmerken heeft (zoals maat of kleur). Voor producten zonder varianten toont de balk geen selector — alleen de "In winkelwagen"-knop.
De balk staat standaard onder andere overlay-elementen. Bij conflicten met externe widgets (zoals chatknoppen) kan een ontwikkelaar de z-index aanpassen via de aangepaste CSS in de design manager.