PrestaShop Design & navigatie

Quick View Module PrestaShop 8/9: Snelweergave Product

De snelweergave die uw thema had moeten hebben.

Een modern snelweergavemodaal dat dankzij het voorladen bij aanwijzen in enkele milliseconden opengaat: afbeeldingsgalerij, keuze van kleuren en maten, voorraad in real time en toevoegen aan de winkelwagen via AJAX. De klant koopt zonder ooit zijn categoriepagina te verlaten.

At a glance
  • Modern snelweergavemodaal dat de native snelweergave van het thema vervangt
  • Volledige galerij: miniaturen, pijlen, toetsenbordnavigatie en vegen
  • Live keuze van de varianten: prijs, voorraad, referentie en afbeeldingen volgen mee
  • Toevoegen aan de winkelwagen via AJAX, zonder de categoriepagina te verlaten
  • Voorladen bij aanwijzen: het modaal opent onmiddellijk
PrestaShop 8 & 9 Zonder jQuery Multistore 5 talen Facetnavigatie
  • 30 dagen geld terug
  • 12 maanden updates
  • Support binnen 24 uur
www.datafirefly.com/nl/
Fenêtre d'aperçu rapide d'un produit ouverte depuis une liste PrestaShop
v1.0.0 · bijgewerkt 2026-07-12
Wat het doet

De korte versie.

01

De native snelweergave, maar veel beter

Die van de PrestaShop-thema's blijft vaak beperkt tot één afbeelding en een knop. Hier ziet de klant de volledige galerij, kiest hij zijn kleur en zijn maat, controleert hij de voorraad en voegt hij toe aan de winkelwagen, allemaal in een modaal dat boven de productlijst opent.

02

Voorladen bij aanwijzen

Zodra de muis op een productminiatuur blijft hangen, worden de gegevens op de achtergrond geladen. Bij de klik staat het modaal al klaar: het opent onmiddellijk, zonder wachttijd en zonder laadindicator.

03

Levende varianten

De kleurbolletjes en de maten worden live bijgewerkt: de prijs, de doorgestreepte prijs, de korting, de referentie, de voorraad en de afbeeldingen van de variant veranderen bij elke klik. Onbestaande combinaties worden grijs gemaakt, uitverkochte varianten aangeduid.

04

Toevoegen aan de winkelwagen zonder herladen

De winkelwagen in de header werkt zichzelf bij, het modaal bevestigt de toevoeging, en de klant blijft precies waar hij was: op zijn categoriepagina, klaar om naar het volgende product te kijken.

De lange versie

Alles wat u wilt weten voordat u installeert.

Een gedetailleerde blik op hoe Quick View Module PrestaShop 8/9: Snelweergave Product werkt, waarom we het zo gebouwd hebben en de gedachte achter de bovenstaande functies.

§ 01

De snelweergave van PrestaShop-thema's is een gemiste kans

In de meeste thema's blijft de snelweergave beperkt tot een afbeelding, een titel, een prijs en een knop. Geen galerij, geen maatkeuze, een toevoeging aan de winkelwagen die de pagina herlaadt of ergens anders naartoe stuurt, en een traag openen omdat alles pas bij de klik wordt geladen. Het gevolg: de klant sluit het modaal en vertrekt, of hij verlaat de categorie voor de productpagina en komt nooit terug. Deze module denkt het idee opnieuw uit en maakt er een echt conversie-instrument van.

§ 02

Alles wat de klant nodig heeft om te beslissen, in het modaal

De volledige galerij van het product staat er, met miniaturen, pijlen, toetsenbordnavigatie en vegen op mobiel. De varianten ook: kleurbolletjes met hun texturen, maatknoppen en keuzelijsten volgens wat u hebt ingesteld. Bij elke klik worden de prijs, de korting, de referentie, de voorraad en de afbeeldingen live bijgewerkt. Combinaties die niet bestaan worden grijs gemaakt, uitverkochte varianten aangeduid: de klant verliest geen tijd met een onmogelijke keuze.

§ 03

Onmiddellijk openen dankzij het voorladen

De meeste snelweergaven wachten op de klik om de productgegevens op te halen, wat een wachttijd van een halve seconde of meer oplevert. Hier worden de gegevens al op de achtergrond voorgeladen zodra de muis op een miniatuur blijft hangen (de intentievertraging is instelbaar), en de eerste afbeelding ook. Bij de klik staat alles al in het geheugen: het modaal opent zonder latentie. De gegevens worden in de browser gecachet gedurende de periode die u kiest, met een cache die per taal, valuta, winkel en klantengroep is afgeschermd, zodat er nooit een prijs verschijnt die niet die van de bezoeker is.

§ 04

Toevoegen aan de winkelwagen breekt het traject niet meer

Het toevoegen verloopt via AJAX naar de native winkelwagencontroller van PrestaShop: de winkelwagen in de header werkt zichzelf bij, het modaal bevestigt de toevoeging visueel, en de klant blijft op zijn categoriepagina. Eventuele fouten, zoals een lege voorraad of een niet-bereikte minimumhoeveelheid, verschijnen duidelijk in het modaal in plaats van op een foutpagina. Producten met verplichte personalisatie worden correct naar hun eigen pagina doorverwezen.

§ 05

Past zich aan uw thema aan, zonder het te wijzigen

Drie activeringsmodi naar keuze: de native snelweergave van uw thema vervangen, een eigen knop op de productminiaturen toevoegen, of beide. De CSS-selector van de miniaturen is instelbaar om zich aan maatwerkthema's aan te passen, de accentkleur regelt u met één klik, en de module voegt zichzelf automatisch opnieuw in na elke filtering van de facetnavigatie. Er wordt geen enkele template overschreven en er wordt geen afhankelijkheid toegevoegd: de JavaScript is native, zonder jQuery, en de stijlen van het modaal staan op zichzelf.