Alles wat u wilt weten voordat u installeert.
Een gedetailleerde blik op hoe Categoriebanner voor PrestaShop 8 werkt, waarom we het zo gebouwd hebben en de gedachte achter de bovenstaande functies.
Plaats een banner precies waar u wilt in het productraster
PrestaShop 8 biedt geen enkele native optie om visuele inhoud midden in een productoverzicht te plaatsen. DataFirefly Category Banner lost dat op: stel in de backoffice in in welke categorie de banner moet verschijnen, na welk productnummer, en met welke afbeelding per actieve taal, en daarmee is het klaar. De banner komt precies op de plek in het raster die u hebt gekozen, met dezelfde breedte als een product of met een eigen breedte via een Bootstrap-klasse (col-md-6, col-md-12 en zo verder).
Typische gebruikssituaties
Een actie of kortingscode midden in een overzicht uitlichten om de aandacht te trekken zonder dat de bezoeker de categoriepagina verlaat. Een nieuwe collectie visueel tussen de bestaande producten presenteren. Een seizoensvisual tonen (uitverkoop, Kerstmis, het nieuwe schooljaar) die vanzelf in het raster past in plaats van als banner over de volledige breedte. Vanuit een klikbare banner naar een CMS-pagina of een landingspagina verwijzen. Of de visual per taal aanpassen voor verschillende markten, met een andere afbeelding in het Nederlands en in het Engels voor dezelfde categorie.
Geschikt voor facetfilters en paginering via AJAX
In PrestaShop 8 laden de facetfilters en de paginering de productlijst via AJAX opnieuw, zonder de pagina te verversen. De module luistert naar het event prestashop.updateProductList en voegt de banners na elke DOM-update automatisch opnieuw in, met een vertraging van 100 ms zodat het raster tot rust kan komen. De banner blijft dus zichtbaar, welk filter er ook actief is en op welke pagina van de paginering de bezoeker zich ook bevindt.
Licht en zonder invloed op de prestaties
De CSS en het JavaScript van de module worden via hookActionFrontControllerSetMedia alleen op de categoriepagina's geladen, dus niet op alle pagina's van de winkel. De bannergegevens worden alleen als JSON in de pagina ingevoegd wanneer de huidige categorie ook echt actieve banners heeft. Het invoegen in de DOM gebeurt in puur JavaScript, zonder afhankelijkheid van jQuery of van een andere externe bibliotheek.
Er zijn nog geen beoordelingen.