PrestaShop Design & navigatie

Afbeelding bij Aanwijzen & Automatische Badges PrestaShop

Hovereffect en slimme badges in uw productoverzichten

De tweede afbeelding bij aanwijzen en badges Nieuw, Actie en Lage voorraad die zichzelf activeren, zonder het thema te overschrijven.

At a glance
  • Toont de tweede productafbeelding bij aanwijzen in alle overzichten (categorie, zoekresultaten, homepage, nieuwigheden, acties, fabrikant, leverancier).
  • Automatische badges Nieuw, Actie en Lage voorraad, aangestuurd door instelbare regels, zonder handmatig ingrijpen.
  • Nul template-overrides: JavaScript-detectie van de miniaturen, compatibel met het classic thema en childthema's.
  • Eén enkele gegroepeerde AJAX-aanroep per pagina en hoverafbeelding met lazy load bij het eerste aanwijzen.
  • Meertalige labels FR/EN/ES/DE/IT, kleuren en positie van de badges volledig instelbaar.
PrestaShop 8 & 9 Multistore FR/EN/ES/DE/IT Thema-onafhankelijk Broncode inbegrepen
  • 30 dagen geld terug
  • 12 maanden updates
  • Support binnen 24 uur
www.datafirefly.com/nl/
Seconde image au survol et badges automatiques sur les vignettes produit PrestaShop
v1.0.0 · bijgewerkt 2026-07-15
Wat het doet

De korte versie.

01

Tweede afbeelding bij aanwijzen

De bezoeker wijst een miniatuur aan en ontdekt het tweede beeld van het product (andere hoek, gedragen, detail). Effect fade, fade met zoom of direct, naar keuze. Producten met één enkele afbeelding worden automatisch overgeslagen.

02

Badges die zichzelf activeren

Nieuw volgens de ouderdom van het product, Actie zodra er een specifieke prijs actief is (met optionele weergave van het percentage), Lage voorraad onder een drempel die u zelf bepaalt. Geen invoer product per product.

03

Gemaakt met oog voor prestaties

Eén enkele gegroepeerde AJAX-aanroep haalt de gegevens van de hele pagina op. De hoverafbeelding wordt pas bij het eerste aanwijzen geladen: geen verspilde bandbreedte bij het laden.

04

Zonder uw thema aan te raken

Geen enkel overschreven templatebestand. De module herkent de miniaturen in JavaScript en past zich automatisch opnieuw aan na facetnavigatie en AJAX-paginering.

De lange versie

Alles wat u wilt weten voordat u installeert.

Een gedetailleerde blik op hoe Afbeelding bij Aanwijzen & Automatische Badges PrestaShop werkt, waarom we het zo gebouwd hebben en de gedachte achter de bovenstaande functies.

§ 01

Een levendiger product al vanaf het overzicht

In een webshop is de overzichtspagina vaak het eerste contactpunt met het product. Door de tweede afbeelding bij aanwijzen te tonen, laat u een tweede hoek, een gedragen beeld of een detail zien zonder dat de bezoeker moet klikken. Het resultaat: aantrekkelijkere categoriepagina's en een vlotter aankooptraject. Het effect werkt op alle overzichten van de winkel: categorie, zoekresultaten, homepage, nieuwigheden, afgeprijsde artikelen, fabrikant- en leverancierspagina's.

§ 02

Badges die zichzelf activeren

Gedaan met uitlichtingen die u product per product moet beheren. De module past automatisch een badge Nieuw toe volgens de ouderdom van het product, een badge Actie zodra er een specifieke prijs actief is, met optionele weergave van het kortingspercentage, en een badge Lage voorraad wanneer de beschikbare hoeveelheid onder de drempel zakt die u hebt ingesteld. Elke badge is afzonderlijk in te schakelen, met eigen meertalige labels, een eigen achtergrondkleur en een eigen tekstkleur.

§ 03

Gemaakt met oog voor prestaties

De module stapelt geen requests op: één enkele gegroepeerde AJAX-aanroep haalt de gegevens van alle zichtbare producten op de pagina op, in lots. De hoverafbeelding wordt pas gedownload bij het eerste aanwijzen met de muis, wat voorkomt dat de eerste lading van de pagina zwaarder wordt. Op mobiele touchschermen wordt het vervangen van de afbeelding bij aanwijzen automatisch uitgeschakeld.

§ 04

Compatibel zonder uw thema aan te raken

Er wordt geen enkel templatebestand overschreven. De module herkent de productminiaturen rechtstreeks in JavaScript, wat hem compatibel maakt met het classic thema net zo goed als met childthema's. Hij past zich automatisch opnieuw aan wanneer de lijst door facetnavigatie of AJAX-paginering opnieuw wordt opgebouwd. De installatie gebeurt in enkele klikken en de volledige configuratie regelt u vanaf één heldere beheerpagina.