# Afbeelding bij Zweven & Automatische Badges: configuratiegids

> Deze gids legt uit hoe u de module Afbeelding bij Zweven & Automatische Badges voor PrestaShop 8 en 9 installeert en instelt. De module toont de tweede afbeelding van het…

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

Deze gids legt uit hoe u de module **Afbeelding bij Zweven & Automatische Badges** voor PrestaShop 8 en 9 installeert en instelt. De module toont de tweede afbeelding van het product wanneer de bezoeker in de overzichten over een miniatuur zweeft, en plaatst automatisch badges Nieuw, Promo en Lage voorraad volgens regels die u bepaalt, zonder uw thema te overschrijven.

## Installatie

De installatie verloopt zoals bij elke PrestaShop-module:

1. Ga in de backoffice naar **Modules > Modulebeheer**.
2. Klik op **Een module installeren** en plaats het ZIP-archief van de module.
3. Klik na de installatie op **Configureren** om de instellingenpagina te openen.

De module registreert de hook `actionFrontControllerSetMedia` en laadt zijn bestanden (CSS en JavaScript) alleen op de overzichtspagina's en de productpagina. Er wordt geen enkel templatebestand overschreven.

## De afbeelding bij zweven instellen

Het eerste configuratieblok stuurt het wisselen van afbeelding bij het zweven aan:

- **De tweede afbeelding tonen bij zweven**: schakelt het effect in of uit. Producten met maar één afbeelding worden automatisch overgeslagen.
- **Overgangseffect**: _Vervagen_, _Vervagen met zoom_ of _Meteen_.
- **Positie van de badges**: de hoek waar de badges verschijnen (linksboven, rechtsboven, linksonder, rechtsonder). Die instelling geldt voor alle badges samen.

De afbeelding bij zweven is de **tweede afbeelding van het product**, volgens de volgorde die in het tabblad Afbeeldingen van de productfiche is bepaald. Wilt u een andere afbeelding bij het zweven, herschik dan gewoon de afbeeldingen van het product.

## De drie automatische badges

Elke badge is apart in te schakelen, met een eigen meertalig opschrift, een eigen achtergrondkleur en een eigen tekstkleur.

### Badge « Nieuw »

Die verschijnt gedurende een instelbaar aantal dagen na de aanmaakdatum van het product. De standaardwaarde neemt de PrestaShop-instelling `PS_NB_DAYS_NEW_PRODUCT` over. Stel de gewenste duur in in het veld **Product geldt als nieuw gedurende (dagen)**.

### Badge « Promo »

Die verschijnt wanneer een product als « In promotie » is gemarkeerd of wanneer er een **specifieke prijs met korting** geldt voor de context van de bezoeker (winkel, valuta, land, klantgroep en geldigheidsdatums). Met de optie **Het kortingspercentage tonen** vervangt de waarde het opschrift, bijvoorbeeld `-20 %`, wanneer de korting in procent is uitgedrukt.

### Badge « Lage voorraad »

Die verschijnt wanneer de beschikbare hoeveelheid van het product strikt boven 0 ligt en gelijk is aan of lager dan de **drempel voor lage voorraad** die u bepaalt. De hoeveelheid wordt uit de tabel `stock_available` gelezen, met multistore-resolutie (de huidige winkel gaat voor op de winkelgroep).

## Meertalige opschriften

De opschriften Nieuw, Promo en Lage voorraad worden standaard in het Frans, Engels, Spaans, Duits en Italiaans geleverd. Elk opschrift is per taal te bewerken op de configuratiepagina: kies de taal in de taalkiezer van het veld en typ de gewenste tekst.

## Prestaties en compatibiliteit

- **Eén gebundelde AJAX-aanroep** per pagina haalt de gegevens van alle zichtbare producten op (tot 120 producten per batch).
- De afbeelding bij zweven wordt met **lazy load** geladen, pas bij het eerste zweven met de muis.
- Het script is in **pure JavaScript** geschreven, zonder jQuery-afhankelijkheid.
- De module herkent de productminiaturen in JavaScript: hij werkt met het _Classic_-thema en met childthema's, en past zich automatisch opnieuw aan na het facetzoeken en de AJAX-paginering.
- Op mobiele aanraakschermen wordt het wisselen van afbeelding bij zweven automatisch uitgeschakeld.

## Problemen oplossen

**Bij het zweven verschijnt geen tweede afbeelding.** Controleer of het product minstens twee afbeeldingen heeft in het tabblad Afbeeldingen van zijn fiche, en of de optie voor de afbeelding bij zweven aanstaat.

**Een badge verschijnt niet.** Ga na of de badge is ingeschakeld, of het opschrift ervan niet leeg is in de huidige taal, en of aan de voorwaarde is voldaan (een recent product, een actieve specifieke prijs, of een hoeveelheid onder de drempel).

**Er verschijnt niets na een filter.** De module past zich na het facetzoeken opnieuw aan; gebruikt uw thema een eigen weergavemechanisme, leeg dan na de installatie de PrestaShop-cache (Geavanceerde parameters > Prestaties).