Tout ce que vous voudriez savoir avant d'installer.
Un regard détaillé sur le fonctionnement de Module Bannière Catégorie PrestaShop 8 — DataFirefly Category Banner, pourquoi nous l'avons conçu ainsi, et la réflexion derrière les fonctionnalités ci-dessus.
Placez une bannière exactement où vous voulez dans la grille produit
PrestaShop 8 ne propose aucune option native pour insérer du contenu visuel au milieu d'un listing de produits. DataFirefly Category Banner résout ce problème : configurez en back-office dans quelle catégorie la bannière doit apparaître, après quel numéro de produit, avec quelle image selon la langue active, et c'est tout. La bannière s'insère dans la grille exactement là où vous l'avez positionnée, en prenant la même largeur qu'un produit ou une largeur personnalisée via classe CSS Bootstrap (col-md-6, col-md-12, etc.).
Cas d'usage typiques
Mettre en avant une promotion ou un code de réduction au milieu d'un listing pour capter l'attention sans quitter la page catégorie. Présenter une nouvelle collection insérée visuellement entre les produits existants. Afficher un visuel saisonnier (soldes, Noël, rentrée) qui s'intègre naturellement dans la grille plutôt qu'en bannière pleine largeur. Pointer vers une page CMS ou une landing page depuis une bannière cliquable. Adapter le visuel par langue pour des marchés différents — image différente en français et en anglais pour la même catégorie.
Compatible filtres à facettes et pagination AJAX
Sur PrestaShop 8, les filtres de recherche à facettes et la pagination rechargent la liste produit en AJAX sans rechargement de page. Le module écoute l'événement prestashop.updateProductList et réinsère automatiquement les bannières après chaque mise à jour du DOM, avec un délai de 100 ms pour laisser la grille se stabiliser. La bannière reste visible quel que soit le filtre actif, quelle que soit la page de pagination.
Léger et sans impact sur les performances
Le CSS et le JavaScript du module sont chargés uniquement sur les pages de catégorie via hookActionFrontControllerSetMedia — pas sur toutes les pages de la boutique. La donnée des bannières est injectée en JSON dans la page uniquement quand la catégorie courante possède des bannières actives. L'insertion dans le DOM est réalisée en JavaScript pur, sans dépendance à jQuery ni à aucune bibliothèque tierce.
Il n’y a pas encore d’avis.