Module Productvergelijker: installatie en configuratie
Installatie, configuratie en werking van de module Productvergelijker.
Overzicht
De module Productvergelijker (dfcomparator) voegt aan uw PrestaShop-winkel een volwaardige vergelijker toe die producten naast elkaar zet. Er verschijnen automatisch knoppen « Vergelijken » op de productpagina en in de overzichten, en een aparte pagina zet de gekozen producten in kolommen naast elkaar: prijs, kenmerken, beschikbaarheid en meer.
De vergelijker is in pure JavaScript geschreven, zonder jQuery en zonder externe afhankelijkheid. Hij werkt meteen na de installatie, zonder extra instellingen.
Compatibiliteit
- PrestaShop 8.0 tot 9.x
- Eén winkel en multistore
- 5 talen: FR, EN, ES, DE en IT
- Geen enkele afhankelijkheid (geen Composer, geen framework)
Installatie
- Open in de backoffice Modules > Modulebeheer.
- Klik op Een module installeren en kies het bestand
dfcomparator.zip. - Klik na de installatie op Configureren.
De module registreert zijn hooks automatisch (actionFrontControllerSetMedia, displayProductAdditionalInfo en displayFooter) en maakt bij de installatie zijn opslagtabel aan. Bij het verwijderen verdwijnt die tabel.
Configuratie
Algemeen
- Maximaal aantal producten: van 2 tot 6 kolommen om te vergelijken (standaard 4).
- Opschrift van de knop: de tekst op de knop « Vergelijken ».
- Accentkleur: de kleur van de knoppen, de badges en de uitgelichte elementen.
- In een nieuw tabblad openen: opent de vergelijkpagina in een apart tabblad.
Plaats van de knoppen
- Tonen op de productpagina: zet de knop op de productfiche.
- Tonen in de overzichten: zet de knop op de miniaturen in de overzichten (categorieën, zoekresultaten).
- Zwevende balk: toont de blijvende vergelijkbalk met miniaturen en een teller.
In de overzichten worden de knoppen na elke Ajax-filtering automatisch opnieuw geplaatst (facetzoeken, paginering, sortering).
Vergelijkpagina
- De beste prijs uitlichten: zet de kolom met de laagste prijs in de kijker, met een badge.
- Prijsregel: toont of verbergt de regel met de prijs.
- Knop om aan de winkelwagen toe te voegen: zet in elke kolom een winkelwagenknop.
- Vastgezette kolommen (sticky): zet de kopregel en de eerste kolom vast tijdens het scrollen.
- Standaard alleen de verschillen: verbergt van bij het begin de regels die gelijk zijn.
Vergeleken regels
Elke regel is apart in of uit te schakelen: referentie, merk, staat, beschikbaarheid, gewicht, afmetingen en korte beschrijving. De productkenmerken (de « Features » van PrestaShop) komen er automatisch bij, één regel per kenmerk, in de volgorde die in de catalogus is bepaald. Een regel geldt als « gelijk » wanneer haar waarde bij alle vergeleken producten dezelfde is.
Werking en het bewaren van de selectie
De selectie blijft aan clientzijde bewaard met een browsertoken (de cookie dfcmp_token), aangevuld met een spiegel in localStorage voor een onmiddellijke weergave. Bij een ingelogde klant worden de selecties van meerdere toestellen samengevoegd. Met een deelbare URL (op product-ID’s, ?ids=...) verstuurt u een vergelijking of vindt u die terug.
Prestaties
De module laadt zijn scripts alleen wanneer dat nodig is en doet enkel een Ajax-aanroep bij een handeling (toevoegen, verwijderen, openen). De eerste weergave van de balk komt uit de lokale cache, zonder op de server te wachten.
FAQ en probleemoplossing
De knop « Vergelijken » verschijnt niet
Controleer of de weergave op de productpagina en in de overzichten in de configuratie aanstaat, en leeg daarna de PrestaShop-cache (Geavanceerde parameters > Prestaties). Bij een sterk aangepast thema komt de knop in de productminiatuur terecht: ga na of het thema de product-ID wel op de miniatuur meegeeft.
De zwevende balk blijft leeg
De balk verschijnt pas zodra er minstens één product aan de vergelijking is toegevoegd. Controleer ook of de optie « Zwevende balk » aanstaat.
De beste prijs wordt niet uitgelicht
Schakel de opties « De beste prijs uitlichten » en « Prijsregel » in. Het uitlichten vergelijkt de getoonde eindprijzen inclusief btw van de producten in de vergelijking.