# Module Productvergelijker: installatie en configuratie

> De module Productvergelijker voor PrestaShop 8 en 9 installeren en instellen: automatische knoppen, zwevende balk, pagina met producten naast elkaar, het uitlichten van de beste prijs en de vergeleken regels.

- Pagina: <https://www.datafirefly.com/nl/documentation/dfcomparator/>
- Taal: nl
- Bijgewerkt op: 2026-09-09
- Andere talen: [fr](https://www.datafirefly.com/documentation/dfcomparator/index.md), [en](https://www.datafirefly.com/en/documentation/dfcomparator/index.md), [es](https://www.datafirefly.com/es/documentation/dfcomparator/index.md), [de](https://www.datafirefly.com/de/documentation/dfcomparator/index.md), [it](https://www.datafirefly.com/it/documentation/dfcomparator/index.md), [pl](https://www.datafirefly.com/pl/documentation/dfcomparator/index.md), [pt](https://www.datafirefly.com/pt/documentation/dfcomparator/index.md)
- Index: <https://www.datafirefly.com/nl/documentation/llms.txt>

## 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

1. Open in de backoffice **Modules > Modulebeheer**.
2. Klik op **Een module installeren** en kies het bestand `dfcomparator.zip`.
3. 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.