Het element Winkelwagen toont een winkelwagenicoon met het aantal items in de winkelwagen. Bezoekers zien in één oogopslag dat hun product is toegevoegd, en met één klik gaan ze naar de winkelwagen om af te rekenen. Het hoort in de header van elke webshop.
Voordat je begint
Het element Winkelwagen is een webshopelement. Het verschijnt in het paneel Elementen als de webshop is ingeschakeld voor je project. Zie Aan de slag met ecommerce.
Het winkelwagenicoon toevoegen
- Open je header, bijvoorbeeld de herbruikbare template voor de header van je layout.
- Klik in de linkerzijbalk op Elementen.
- Sleep Winkelwagen naar de header, meestal rechts naast het menu.
Omdat de header gedeeld wordt, staat het winkelwagenicoon nu op elke pagina die hem gebruikt. Zie Herbruikbare templates.
Welke pagina het opent
Een klik op het icoon opent de winkelwagenpagina die in je webshopinstellingen staat, of /cart als er geen is ingesteld. Zorg dat die pagina bestaat en actief is.
Maak je header compleet
- Element Klantaccount: inloggen en accountmenu voor klanten.
- Element Zoeken: een zoekveld voor producten. Zie Zoeken op gepubliceerde websites.
Test het
- Publiceer je website.
- Voeg op de live site een product toe aan de winkelwagen.
- Controleer of het aantal omhooggaat en of een klik de winkelwagen opent.
Tip: laat het winkelwagenicoon op telefoons zichtbaar naast het hamburgermenu. Bezoekers zoeken het in de rechterbovenhoek.
Veelgestelde vragen
Het aantal in de winkelwagen verandert niet
Controleer het na het publiceren op de live site, niet in de editor. Het aantal toont de items in de eigen winkelwagen van de bezoeker.
Ik zie het element Winkelwagen niet
De webshop is niet ingeschakeld voor dit project. Schakel hem in en de webshopelementen verschijnen.