Afbeelding bij Zweven & Automatische Badges: configuratiegids
De afbeelding bij zweven en de automatische badges Nieuw, Promo en Lage voorraad installeren en instellen.
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:
- Ga in de backoffice naar Modules > Modulebeheer.
- Klik op Een module installeren en plaats het ZIP-archief van de module.
- 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).