WooCommerce-winkelwagen
Toon een winkelwagenpictogram in de navigatiebalk met een teller die in real time wordt bijgewerkt wanneer een klant een artikel toevoegt of verwijdert.
Pictogram activeren
Het winkelwagenpictogram wordt automatisch beschikbaar zodra WooCommerce is geïnstalleerd en geactiveerd. Ga naar Menu Builder → Winkelwagen en schakel de schakelaar Winkelwagenpictogram tonen in.
Als WooCommerce niet is geïnstalleerd, verschijnt de sectie Winkelwagen niet in het beheerdersdashboard en wordt het pictogram niet gerenderd in de frontend.
Stijl en positie
- Positie — plaats het pictogram aan het begin of einde van de navigatiebalk.
- Pictogram — kies uit winkelwagen, boodschappentas of mand.
- Kleur — neemt de linkkleur van het menu over of stel een aangepaste kleur in.
- Teller — toont het aantal artikelen als een bubbel. Kies de achtergrond- en tekstkleur van de teller.
- Verbergen wanneer leeg — het pictogram (en de teller) verschijnt alleen wanneer er artikelen in de winkelwagen zitten.
Gedrag bij klikken
- Naar winkelwagenpagina gaan — verwijst door naar
/winkelwagen(of de winkelwagen-URL die in WooCommerce is ingesteld). - Zijpaneel van winkelwagen openen — toont een schuivende mini-winkelwagen zonder de huidige pagina te verlaten.
De teller wordt bijgewerkt via WooCommerce-winkelwagenfragmenten. Als je een cache-plugin gebruikt, zorg er dan voor dat WooCommerce AJAX-verzoeken niet worden gecached, zodat de teller correct wordt bijgewerkt. Het pictogram leest alleen de bestaande WooCommerce-sessie van de bezoeker op je eigen server — het voegt geen tracking toe, plaatst geen nieuwe cookies en doet geen oproepen naar derden.