Badges produit personnalisés : installation et aide

Démarrage rapide

  1. Téléversez et installez le ZIP du module dans Modules > "Module Manager".
  2. Ouvrez Custom Product Badges > "Configure" et vérifiez que le réglage Activer est sur Oui dans le contexte souhaité.
  3. Sélectionnez une seule boutique et ouvrez Badges produits.
  4. Dans Définition du badge, renseignez Nom du badge, les couleurs, Coin de la miniature, Position et Actif, puis cliquez sur Enregistrer.
  5. Dans Attributions groupées, choisissez le badge et Produits, puis sélectionnez Attribuer le badge.
  6. Cliquez sur Prévisualiser les attributions, vérifiez la sélection et cliquez sur Confirmer les attributions.
  7. 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

  1. Dans Attributions groupées, sélectionnez Nom du badge.
  2. Sélectionnez un ou plusieurs Produits avec le sélecteur de produits. Une sélection vide ne signifie pas tous les produits.
  3. Choisissez Opération = Attribuer le badge ou Retirer l’attribution manuelle.
  4. Cliquez sur Prévisualiser les attributions.
  5. Vérifiez les ID produit et "Assignments to change" dans Aperçu de l’attribution.
  6. 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

  1. Créez un badge actif dans une seule boutique et attribuez-le à un produit connu via l’aperçu et la confirmation.
  2. Ouvrez la page produit et une liste contenant ce produit. Vérifiez le texte, la traduction, les couleurs et le coin.
  3. Actualisez la liste ou ouvrez un aperçu rapide et vérifiez que le badge reste associé au bon produit.
  4. 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.
  5. 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

Custom Product Badges, Badges de la page produit

Custom Product Badges, Badges des listes de produits dans la boutique

Custom Product Badges, Libellés prédéfinis dans le back-office

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

RésoluMis à jour :
Corrigé dans : 1.1.2
L'enregistrement d'un badge avec Enregistrer et rester pouvait ignorer la validation ou quitter la fiche modifiée au lieu d'y rester.

Des libellés du module restent non traduits

RésoluMis à jour :
Corrigé dans : 1.1.2
Certains libellés, dont des libellés courts du back-office, continuaient à apparaître en anglais malgré les traductions disponibles.

Renforcement de la sécurité

RésoluMis à jour :
Corrigé dans : 1.1.2
Renforcement de la sécurité.

Le sélecteur de produits ne se charge pas

RésoluMis à jour :
Corrigé dans : 1.0.15
Le sélecteur de produits de l'administration des badges pouvait ne pas se charger, empêchant le marchand de choisir des produits.

Traductions incorrectes du module

RésoluMis à jour :
Corrigé dans : 1.0.15
Certains textes du module s'affichaient avec des traductions endommagées ou incorrectes.

Le back-office du module ne s'ouvre pas

RésoluMis à jour :
Corrigé dans : 1.0.14
L'ouverture des pages d'administration du module pouvait s'arrêter sur une erreur au lieu d'afficher la page.

Demandes de fonctionnalités

6

Implémenté

Badges de produits personnalisés avec textes traduits et couleurs

Implémenté
Les badges de produits personnalisés disposent de libellés traduits et de couleurs distinctes pour le fond et le texte. Ces valeurs se configurent dans l'éditeur de badges du module.

Mises à jour du module en un clic

Implémenté
Installez les mises à jour disponibles du module depuis le back-office.

Règles de badges par catégorie

Implémenté
Attribuez des badges par catégorie, incluez les sous-catégories en option et contrôlez la priorité des règles correspondantes.

Attribution groupée de badges avec aperçu

Implémenté
Attribuez ou retirez un badge manuel pour les produits sélectionnés après avoir vérifié le nombre d’attributions concernées.

Badges sur les images des produits

Implémenté
Placez les badges dans un coin choisi des images de produits et actualisez-les lorsque le contenu de la boutique change.

Gestion multilingue des badges par boutique

Implémenté
Gérez les badges et leurs attributions pour la boutique sélectionnée, avec recours à la langue par défaut lorsque les traductions des badges sont vides.

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.
Lancer la boutique de démo

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é.

Chargement...
Retour en haut