Produit en avant par catégorie — Guide d’installation et de configuration
Installez et configurez le module pour mettre en avant un produit par catégorie : bordure, flag « Bon plan ! » et épinglage en 1ʳᵉ position.
Présentation
Le module Produit en avant par catégorie vous permet de désigner un produit vedette dans chacune de vos catégories PrestaShop. Ce produit se distingue par trois leviers visuels : une bordure colorée, un flag promotionnel de type « Bon plan ! » et une position en tête du listing de la catégorie.
Le module est compatible avec PrestaShop 8.0 à 9.x et ne nécessite aucune surcharge de template : l’affichage repose entièrement sur du CSS injecté dans l’en-tête et sur le hook natif de listing produit.
Installation
Depuis votre back-office, rendez-vous dans Modules > Module Manager, cliquez sur Téléverser un module et sélectionnez l’archive ZIP du module. L’installation est automatique.
À l’installation, le module crée sa table de correspondance catégorie / produit, enregistre ses réglages par défaut (bordure orange de 3 px, flag « Bon plan ! » actif) et s’abonne aux hooks displayHeader et filterProductSearch.
Configuration de l’apparence
Ouvrez la configuration du module. Le premier bloc regroupe les réglages visuels partagés par toutes les mises en avant :
- Épaisseur de bordure : de 1 à 50 pixels.
- Couleur de bordure : au format hexadécimal (par exemple #FFA500) ou par nom de couleur CSS (par exemple orange).
- Sélecteur CSS : l’élément qui reçoit la bordure. Par défaut, la miniature produit complète.
Choisir le sélecteur CSS
Selon votre thème, vous pouvez cibler différents éléments. La règle générée est toujours automatiquement limitée au seul produit mis en avant.
- .product-miniature : borde la vignette complète (valeur par défaut).
- .thumbnail-container : borde uniquement le conteneur de l’image.
- Sélecteur personnalisé : mode avancé. Utilisez le placeholder {id} pour écrire vous-même le sélecteur complet, par exemple le conteneur de vignette à l’intérieur de la miniature du produit ciblé par son attribut data-id-product.
Configuration du flag « Bon plan ! »
Le second groupe de réglages contrôle le badge affiché sur le produit vedette :
- Afficher un flag : active ou désactive le badge.
- Texte du flag : saisi langue par langue. Le texte s’affiche automatiquement dans la langue du visiteur.
- Couleur de fond et couleur du texte du flag.
- Position : haut-gauche, haut-droite, bas-gauche ou bas-droite.
Si le champ Texte du flag est laissé vide pour la langue du visiteur, le badge ne s’affiche pas. Pensez à renseigner chaque langue active.
Mettre un produit en avant
Dans le second formulaire, sélectionnez la catégorie concernée, puis recherchez le produit à mettre en avant. Le champ de recherche accepte le nom ou la référence du produit et propose une autocomplétion : cliquez sur un résultat pour le sélectionner, sans avoir besoin de connaître son ID.
Validez avec Ajouter / Mettre à jour. Le tableau récapitulatif liste toutes les mises en avant actives, avec un bouton de suppression pour chacune.
Le module gère un produit vedette par catégorie. Enregistrer une nouvelle mise en avant pour une catégorie déjà associée remplace automatiquement le produit précédent.
Comportement côté boutique
Sur la page d’une catégorie disposant d’une mise en avant, le produit sélectionné reçoit la bordure et le flag configurés, et remonte en première position du listing. S’il n’apparaît pas dans la page courante du fait du tri ou de la pagination, il est ajouté en tête de la première page, présenté exactement comme les autres produits.
Questions fréquentes
Le produit mis en avant doit-il appartenir à la catégorie ?
Ce n’est pas obligatoire pour l’affichage en première position, mais c’est recommandé pour la cohérence de la navigation. Un avertissement s’affiche à l’enregistrement si le produit n’est pas associé à la catégorie.
Le réglage est-il propre à chaque boutique en multiboutique ?
La configuration de l’apparence et les correspondances sont globales dans cette version. Une gestion par boutique peut être ajoutée sur demande.