WooCommerce-winkelwagen
HoverCraft geeft de standaardwinkelwagen van WooCommerce een duidelijke, bruikbare opmaak op desktop en mobiel.
- Wanneer WooCommerce actief is, bieden ondersteunde headerindelingen directe toegang tot de winkelwagen, met het huidige aantal artikelen.
- Compacte headers tonen een winkelwagenpictogram met een teller. Gestapelde navigatie op desktop gebruikt de tekstlink Shopping Cart met de teller. Ook bij een lege winkelwagen blijft 0 zichtbaar.
- Op desktop gebruikt de winkelwagen een gestructureerde producttabel met productafbeeldingen, prijzen, aantallen, subtotalen en knoppen om artikelen te verwijderen.
- Invoervelden voor aantallen in de winkelwagen worden als keuzelijsten weergegeven, meestal met maximaal 10 keuzes. Lagere productlimieten en ingestelde stappen voor aantallen blijven van toepassing.
- Op kleinere schermen worden winkelwagenrijen onder elkaar geplaatst, zodat de desktoptabel niet in een smal scherm wordt geperst.
- Het invoeren van kortingscodes en de knop Update Cart gebruiken de gebruikelijke formulier- en knopopmaak van HoverCraft.
- De winkelwagentotalen bevatten de gewone WooCommerce-verzendmethoden, gegevens over de verzendbestemming en, wanneer beschikbaar, de verzendkostencalculator.
- De actie Proceed to Checkout blijft goed zichtbaar en gebruikt op kleinere schermen de volledige breedte.
- WooCommerce toont maximaal twee aanbevolen aanvullende producten in twee kolommen. Op desktop staan die naast de winkelwagentotalen en op kleinere schermen onder de winkelwagen.
WooCommerce blijft verantwoordelijk voor de inhoud van de winkelwagen, prijzen, verzendberekeningen, kortingscodes en afrekenlogica. Bekijk Afrekenen met WooCommerce voor de volgende stap in het bestelproces.