Badges produit personnalisés : installation et aide
Démarrage rapide
- Téléversez et installez le ZIP du module dans Modules > "Module Manager".
- Ouvrez Custom Product Badges > "Configure" et vérifiez que le réglage Activer est sur Oui dans le contexte souhaité.
- Sélectionnez une seule boutique et ouvrez Badges produits.
- Dans Définition du badge, renseignez Nom du badge, les couleurs, Coin de la miniature, Position et Actif, puis cliquez sur Enregistrer.
- Dans Attributions groupées, choisissez le badge et Produits, puis sélectionnez Attribuer le badge.
- Cliquez sur Prévisualiser les attributions, vérifiez la sélection et cliquez sur Confirmer les attributions.
- Ouvrez le produit sélectionné et une liste de produits. Vérifiez que le badge actif apparaît avec le texte et l’emplacement prévus.
Manuel de configuration
Installation et première configuration
Suivez les étapes du Démarrage rapide.
Paramètres et contexte de boutique
Ouvrez Modules > "Module Manager" > Custom Product Badges > "Configure". Dans Paramètres des badges produit, Activer vaut Oui par défaut au niveau global. Choisissez Non pour masquer les badges dans le contexte sélectionné. Dans un contexte de groupe ou de boutique, Hériter supprime cette surcharge. Les boutiques héritent de leur groupe, puis des paramètres globaux. Cliquez sur Enregistrer.
Ouvrez la page Badges produits du module pour gérer les libellés, règles et attributions. Sélectionnez d’abord une seule boutique. L’éditeur refuse un contexte toutes boutiques ou groupe. Vous devez disposer de l’accès en lecture et de l’autorisation d’ajout, de modification ou de suppression correspondante. Votre employé doit avoir accès à la boutique sélectionnée.
Définition du badge
Utilisez Nouveau badge pour commencer une définition.
| Champ | Valeur d’un nouvel enregistrement | Utilisation |
|---|---|---|
| Nom du badge | Vide dans chaque langue | Saisir le libellé requis dans la langue par défaut et les traductions facultatives. Maximum 128 caractères ; le HTML et les caractères de contrôle sont rejetés. Les traductions vides utilisent la langue par défaut de la boutique. |
| Couleur du texte | #ffffff |
Choisir une couleur hexadécimale à six chiffres. |
| Couleur de fond | #e74c3c |
Choisir un fond hexadécimal à six chiffres. |
| Coin de la miniature | En haut à gauche | Choisir En haut à gauche, En haut à droite, En bas à gauche ou En bas à droite. |
| Position | 0 |
Définir une valeur de tri non négative. Les valeurs les plus basses viennent en premier après la priorité des règles. |
| Actif | Oui | Masquer ce badge en choisissant Non sans le supprimer. |
Cliquez sur Enregistrer. Par exemple, créez Dernière chance, avec du texte blanc, un fond #111111 et l’emplacement En haut à droite. Le tableau Badges produits affiche Nom du badge, Actif, Position et Actions. Utilisez Modifier ou Supprimer dans ce tableau.
L’écran actuel des paramètres n’a pas de champ "Default badge presets (JSON)". Créez les définitions dans cet éditeur.
Attributions groupées
- Dans Attributions groupées, sélectionnez Nom du badge.
- Sélectionnez un ou plusieurs Produits avec le sélecteur de produits. Une sélection vide ne signifie pas tous les produits.
- Choisissez Opération = Attribuer le badge ou Retirer l’attribution manuelle.
- Cliquez sur Prévisualiser les attributions.
- Vérifiez les ID produit et "Assignments to change" dans Aperçu de l’attribution.
- Cliquez sur Confirmer les attributions pour appliquer la sélection.
L’aperçu est lié à votre employé et à votre boutique et expire après 15 minutes. Si les attributions ou les données du catalogue changent avant la confirmation, générez un nouvel aperçu. Retirer une attribution manuelle ne retire pas un badge encore fourni par une règle de catégorie.
Règles de catégorie
Dans Règle de catégorie, choisissez un Nom du badge enregistré et sélectionnez Catégories. Inclure les sous-catégories vaut Non par défaut. Réglez-le sur Oui pour inclure les produits des catégories descendantes. Priorité vaut 0 par défaut. Les valeurs les plus basses apparaissent en premier. Actif vaut Oui par défaut.
Cliquez sur Enregistrer la règle. Utilisez Modifier, Supprimer ou Nouvelle règle pour gérer les règles. La correspondance des catégories utilise l’appartenance du produit aux catégories, y compris les descendantes si l’option est sélectionnée. Elle n’applique pas de conditions automatiques de nouveauté, remise, stock ou fabricant.
Les correspondances manuelles et par règle fusionnent par ID de badge. Le même badge n’apparaît qu’une fois. Les résultats sont triés par priorité, position, puis ID de badge. Un badge uniquement manuel a une priorité de repli élevée, ce qui permet à la priorité des règles de catégorie de placer les badges de règle en premier. Aucun champ de date de début ou de fin n’est présent.
Emplacement et personnalisation dans la boutique
Le module affiche des badges textuels. Il ne modifie pas les fichiers image et n’accepte pas de badges image téléversés. Son JavaScript place les groupes de badges dans les coins choisis des éléments pris en charge de la galerie produit et des miniatures de listes. L’emplacement dépend des sélecteurs et du balisage de votre thème.
Le module prend en charge displayProductAdditionalInfo, displayProductListReviews, displayLeftColumnProduct, displayRightColumnProduct et displayFooterProduct. Les hooks d’en-tête et de médias chargent les ressources et la configuration du point de terminaison des fragments. Le navigateur recherche aussi les fragments de badges manquants et réagit aux actualisations des listes de produits, des produits et aux aperçus rapides.
Utilisez .mprbadges-wrap, .mprbadges-tag et .mprbadges-corner dans le CSS de votre thème. Par exemple :
.mprbadges-wrap { gap: 6px; }
.mprbadges-tag { border-radius: 2px; font-size: 10px; line-height: 1.3; }
Le chemin de surcharge du modèle du thème est :
themes/your-theme/modules/mprproductbadges/views/templates/hook/badges.tpl
Partez du modèle actuel. Il reçoit mprbadges_groups, regroupé par coin, et mprbadges_product. Conservez data-mpr-badges, les classes de coin et les ID de badges nécessaires au code de montage du navigateur. L’ancienne boucle mprbadges_items ne correspond pas à cette version.
Vérification et dépannage
- Créez un badge actif dans une seule boutique et attribuez-le à un produit connu via l’aperçu et la confirmation.
- Ouvrez la page produit et une liste contenant ce produit. Vérifiez le texte, la traduction, les couleurs et le coin.
- Actualisez la liste ou ouvrez un aperçu rapide et vérifiez que le badge reste associé au bon produit.
- Ajoutez une règle de catégorie. Testez un membre direct de la catégorie et un membre d’une catégorie descendante avec les deux réglages d’inclusion des descendants.
- Désactivez le badge individuel et vérifiez qu’il disparaît.
Si l’éditeur demande une seule boutique, modifiez le sélecteur multiboutique. Si l’enregistrement échoue, vérifiez les autorisations de l’employé et rouvrez la page pour actualiser le jeton. Recréez les aperçus expirés ou modifiés.
Si l’affichage dans la boutique manque, vérifiez Activer hérité, Actif du badge, l’attribution ou la règle active, l’appartenance à la boutique et le repli linguistique. Inspectez les ressources d’en-tête et le point de terminaison badges du module dans le panneau réseau du navigateur. Un thème personnalisé peut nécessiter une intégration des sélecteurs ou du modèle. Utilisez la page d’intégrité de l’installation pour les tables et hooks manquants.
Désactivation ou désinstallation
Utilisez Activer = Non pour masquer les badges sans supprimer les définitions. Utilisez Actif = Non pour masquer un seul badge. Supprimer un badge retire ses attributions et règles de catégorie de la boutique courante ainsi que ses traductions de boutique.
Désinstallez depuis "Module Manager" pour supprimer la configuration du module, le menu et les tables de badges gérées par le schéma. Sauvegardez d’abord vos définitions, traductions, règles de catégorie et attributions si vous devez les conserver.
Compatibilité
Nécessite PrestaShop 1.6 ou ultérieur et PHP 7.1 ou ultérieur.
Captures d’écran de référence



Questions
1
Que charge l’affichage des badges dans le navigateur ?
Le module charge des styles et du JavaScript locaux et peut demander les fragments de badges manquants au point de terminaison badges de la même boutique, à partir des ID produit. Les fragments proviennent de votre boutique, sans service de badges externe. Évaluez les pages contenant de nombreux produits dans votre thème, car cela ajoute du travail au navigateur et au serveur.
Problèmes connus
6
Enregistrer et rester ne sauvegarde pas correctement les badges
Des libellés du module restent non traduits
Renforcement de la sécurité
Le sélecteur de produits ne se charge pas
Traductions incorrectes du module
Le back-office du module ne s'ouvre pas
Demandes de fonctionnalités
6
Implémenté
Badges de produits personnalisés avec textes traduits et couleurs
Mises à jour du module en un clic
Règles de badges par catégorie
Attribution groupée de badges avec aperçu
Badges sur les images des produits
Gestion multilingue des badges par boutique
Journal des modifications
v1.0.142026-08-18
- Addedcomplete FR/DE/ES/IT/PL translations
Versions précédentes
v1.3.02026-04-20
- Addedadmin menu management via MenuInstaller for streamlined module setup
v1.2.02026-02-06
- AddedPS 9 / Hummingbird theme compatibility
- Addedcustom badge creation with configurable label, background colour, and text colour
- Improvedbadge position picker — nine-point grid overlay on product image preview
- Fixed'New' badge incorrectly appearing on products older than configured days threshold
- Optimized batch badge rendering — single SQL query for all products in listing
v1.1.02025-06-18
- Added'Low Stock' badge with configurable quantity threshold
- Addedbadge scheduling — set start/end dates for promotional badges
- ImprovedRTL layout support for badge text
v1.0.02025-04-21
- Initialrelease: product badges for PrestaShop listing and detail pages
- InitialBuilt-in New, Sale, and Hot badge types
- InitialConfigurable position, font size, and border-radius per badge type
- InitialCompatible with PS 1.7.x and PS 8.x
Demo
Testez le module complet avant d'acheter
Achetez la licence plus tard et gardez vos réglages.
- Votre démo de 30 jours Testez-le sur votre propre boutique pendant 30 jours à partir de la première installation.
- Boutique de démo prête Découvrez une boutique de démo prête dans votre navigateur.
- Sans inscription Ni compte, ni e-mail, ni domaine de boutique requis.
En téléchargeant, vous acceptez les conditions de la démo et la politique de confidentialité.
En ouvrant cette démo, vous acceptez les conditions de la démo et la politique de confidentialité.