Tout ce que vous voudriez savoir avant d'installer.
Un regard détaillé sur le fonctionnement de Bannière de Catégorie PrestaShop 8 & 9, 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 ne propose aucune option native pour insérer du contenu visuel au milieu d'un listing. DataFirefly Category Banner comble ce manque : vous indiquez en back-office la catégorie visée, le numéro de produit après lequel la bannière s'insère, et le visuel à utiliser pour chaque langue. La bannière apparaît dans la grille à la position demandée, à la taille de votre choix : une cellule produit, deux colonnes sur deux lignes, ou toute la largeur du listing.
Une bannière 1 × 1, 2 × 2 ou pleine largeur
Chaque bannière a sa propre taille : de 1 à 4 colonnes ou toute la largeur, et de 1 à 3 lignes sur les listings en grille CSS. Les produits suivants comblent l'espace laissé libre, sans trou dans la grille. En mode remplissage, l'image couvre toute la zone et prend la hauteur des produits voisins ; en mode proportions, elle garde son format d'origine. Sur un écran à deux colonnes, une bannière de quatre colonnes passe automatiquement en pleine largeur.
Programmez vos opérations à l'avance
Chaque bannière accepte une date de début et une date de fin. Préparez vos visuels de soldes, de Black Friday ou de fêtes plusieurs semaines en avance : ils apparaissent et disparaissent seuls, sans intervention le jour J. Une bannière sans dates reste affichée en permanence, et l'interrupteur d'activation permet de la suspendre sans la supprimer.
Une bannière pour toute une arborescence
L'option d'application aux sous-catégories évite de recréer la même bannière dans chaque rayon. Réglée sur une catégorie parente, la bannière s'affiche dans la catégorie et dans toutes ses sous-catégories, quel que soit leur niveau de profondeur. La résolution s'appuie sur l'arbre imbriqué natif de PrestaShop, donc sans requête supplémentaire par page.
Multilingue, multiboutique, sans trou dans la grille
Vous configurez un visuel et un texte alternatif par langue. Quand une langue n'a pas reçu son propre visuel, le module affiche celui de la langue par défaut de la boutique plutôt que de masquer la bannière. En multiboutique, chaque bannière est associée aux boutiques de votre choix depuis le formulaire, avec une vraie table d'association.
Compatible Creative Elements, filtres AJAX et scroll infini
Le module ne dépend pas des classes d'un thème précis : il repère les produits du listing par leurs marqueurs (data-id-product, product-miniature) et en déduit la grille, qu'elle vienne du thème Classic, de Creative Elements ou d'un thème sur mesure en grille CSS. Après un filtre à facettes, un tri, un changement de page, un bouton « charger plus » ou un scroll infini, les bannières sont replacées aux bonnes positions. Une bannière en position 4 se place toujours après le quatrième produit affiché, et une position au-delà du nombre de produits de la page est ignorée. Pour un thème vraiment atypique, un champ de réglage accepte le sélecteur CSS de la grille.
Léger, et sans perte d'images à la mise à jour
Le CSS et le JavaScript ne sont chargés que sur les pages de catégorie, et uniquement quand la catégorie courante possède au moins une bannière active. Le balisage de la bannière est rendu côté serveur par un template Smarty, le JavaScript se contente de l'insérer au bon endroit, sans jQuery ni bibliothèque tierce. Les images envoyées sont stockées dans /img/datafireflycategorybanner/, hors du dossier du module, ce qui les préserve lors des mises à jour. Leurs dimensions sont écrites dans le HTML pour éviter tout décalage de mise en page au chargement.
Il n’y a pas encore d’avis.