Alles wat u wilt weten voordat u installeert.
Een gedetailleerde blik op hoe Plus/Min-knoppen voor Aantal op de Productpagina: PrestaShop 8 & 9 werkt, waarom we het zo gebouwd hebben en de gedachte achter de bovenstaande functies.
Waarom het native aantalveld vervangen?
Op de productpagina toont PrestaShop een klein nummerveld dat de klant met het toetsenbord moet invullen of via piepkleine pijltjes die lastig te raken zijn, zeker met een vinger op een smartphone. Dat is wrijving vlak voor het toevoegen aan de winkelwagen. Echte plus- en minknoppen, breed en goed zichtbaar, maken het kiezen van een aantal meteen vanzelfsprekend, op desktop en op mobiel.
Hoe de module werkt
De module raakt geen enkel themabestand aan. Hij laadt een stylesheet en een licht script, uitsluitend op de productpagina. Het script zoekt het bestaande aantalveld op, plaatst het in een knoppengroep en voegt een plus- en een minknop toe. Door die aanpak via injectie werkt hij met het Classic-thema en met eigen thema's, en blijft hij bestand tegen PrestaShop-updates omdat geen enkele template wordt overschreven.
Het Classic-thema en bootstrap-touchspin
Het Classic-thema breidt het aantalveld al uit met bootstrap-touchspin, dat twee kleine verticale pijltjes toevoegt. Zonder maatregel zou u die pijltjes naast de nieuwe knoppen zien staan. De module schakelt de touchspin-pijltjes netjes uit binnen zijn eigen groep, zodat alleen de goed leesbare plus- en minknoppen overblijven, zonder dubbele weergave of verschuiving in de opmaak.
Betrouwbare synchronisatie met de winkelwagen
Het aantal wijzigen is niet genoeg: PrestaShop moet er ook rekening mee houden. Bij elke klik past de module de nieuwe waarde toe en stuurt daarna de verwachte events, zowel native als via jQuery, precies alsof de klant het getal zelf had ingetypt. De totaalprijs, de combinaties en de knop om toe te voegen aan de winkelwagen reageren normaal. Na een wisseling van combinatie, waarbij het aantalblok opnieuw wordt opgebouwd, worden de knoppen automatisch teruggeplaatst.
Respect voor voorraad en productregels
De knoppen tellen niet blind op: ze lezen het minimumaantal, het maximumaantal en de stapgrootte die op het veld zijn ingesteld. De klant kan niet onder het vereiste minimum zakken en niet meer bestellen dan de beschikbare voorraad wanneer die is begrensd. Het gedrag blijft in lijn met de regels van uw winkel.
Aanpassen zonder code
In het configuratiescherm van de module kiest u de knopstijl (vierkant of afgerond), de achtergrondkleur en de kleur van de plus- en miniconen, en bepaalt u of de native pijltjes van het nummerveld zichtbaar blijven. Zo sluit de module visueel aan op uw huisstijl, zonder één regel code te schrijven.
Er zijn nog geen beoordelingen.