Installer MDBadgePilot et activer l'app embed
Installez MDBadgePilot depuis le Shopify App Store. Ouvrez ensuite Boutique en ligne > Thèmes > Personnaliser, allez dans Intégrations d'applications et activez Badges sur les images produit (MDBadgePilot). Enregistrez.
L'app embed affiche les badges sur l'image principale de la fiche produit et sur les cartes produit : pages collection, résultats de recherche, sections de l'accueil et recommandations de produits.
Créer un premier badge à partir d'un modèle
Dans l'app, cliquez sur Créer un badge pour ouvrir la galerie de modèles. 8 modèles sont prêts à l'emploi :
- Promo (-{discount}%), Nouveau, Stock faible (Plus que {stock}), Épuisé et Livraison offerte, disponibles avec le plan Free.
- Best-seller, Top noté et Black Friday, avec le plan Pro.
Personnaliser le design
Modifiez le texte, la couleur du fond et du texte, la forme (pastille, rectangle, ruban en coin ou cercle), la position sur l'image (l'un des quatre coins) et la taille (petit, moyen, grand). L'aperçu montre le badge sur une carte produit, tel que vos clients le verront.
Deux variables se remplissent toutes seules pour chaque produit : {discount} pour le pourcentage de remise et {stock} pour le stock restant. Un badge qui les utilise est masqué sur les produits sans remise ou sans stock : vous n'affichez jamais -0 %.
Choisir les produits
Un badge est manuel ou automatique. Manuel : choisissez les produits dans une liste. Automatique : posez une condition, comme En promo ou Jours depuis la création, et le badge se pose et se retire tout seul.
Activez le badge, puis ouvrez une page collection de votre boutique pour vérifier le résultat.
Afficher les badges près du titre du produit
Sur ordinateur, beaucoup de thèmes affichent plusieurs images produit côte à côte. Pour afficher les badges près du titre ou du prix, ajoutez le bloc Badges produit à la fiche produit dans l'éditeur de thème. Il a ses propres réglages : affichage sur mobile, ordinateur ou les deux, alignement et espacement.
Questions fréquentes
Faut-il modifier le code du thème ?
Non. MDBadgePilot utilise une extension de thème : vous l'activez dans l'éditeur de thème et vous la désactivez de la même façon. Rien n'est écrit dans les fichiers de votre thème.
Quels thèmes sont compatibles ?
Les thèmes Online Store 2.0 (Dawn, Horizon et la plupart des thèmes récents). Si les badges ne s'affichent pas sur les cartes produit de votre thème, l'app embed propose un réglage avancé Sélecteur des cartes produit.
Est-ce gratuit ?
Le plan Free comprend 1 badge actif, manuel ou automatique. Le plan Pro (7,99 $/mois, essai gratuit de 7 jours) débloque les badges illimités, jusqu'à 10 conditions par badge et la programmation par dates.
Les badges ralentissent-ils la boutique ?
Les badges sont lus par le thème dans des metafields Shopify : la vitrine n'appelle jamais notre serveur. Le script qui pose les badges sur les cartes produit est léger et sans dépendance externe.