Créer un groupe de badges (en dehors de l'image du produit)

Choisissez Outside product image lorsque le groupe doit se trouver dans la colonne d’informations du produit (sous le prix, sous le bouton d’ajout au panier, etc.) plutôt que de recouvrir la photo. C’est idéal pour les badges de confiance et de livraison qui vont avec les détails d’achat.

Note

Créez d’abord vos badges dans Badges & Labels. Le groupe ne rassemble que des badges qui existent déjà.

1. Ouvrir Badge groups

   Dans votre admin Shopify, ouvrez Sami Product Labels et cliquez sur Badge groups dans la barre latérale de l’application.

   

   Badge groups se trouve entre Badges & Labels et Extra Features dans la barre latérale.

2. Cliquer sur Create badge group

   Sur une boutique vide, vous voyez Create your first badge group. Cliquez sur Create badge group pour ouvrir l’éditeur.

3. Sélectionner Outside product image

   En haut de l’onglet Design, choisissez Outside product image. Le bouton Label Selection devient Add badges to group, et un menu Badge group replacement apparaît dans la section Design.

   

   Outside product image place le groupe dans la colonne d’informations du produit.

4. Nommer le groupe

   Le groupe s’appelle Label group par défaut. Ouvrez le menu … au-dessus de l’aperçu, cliquez sur Rename et saisissez un nom de 50 caractères maximum, par exemple « Checkout trust badges ».

5. Ajouter des badges au groupe

   Dans Label Selection, cliquez sur Add badges to group. Recherchez par nom, cochez les badges souhaités, puis cliquez sur Select.

   

   Cochez chaque badge à inclure, puis cliquez sur Select.

6. Choisir où le groupe apparaît sur la page

   Dans la section Design, ouvrez Badge group replacement et choisissez l’élément de la page produit auquel le groupe est rattaché. La valeur par défaut est Below the product price ; le menu propose les mêmes points d’ancrage que pour les badges individuels. Consultez Modifier la position du badge pour la liste complète.

   Utilisez ensuite Predefined position pour aligner le groupe à left, center ou right dans cet élément.

   

   Choisissez un élément de la page produit, puis alignez le groupe à l’intérieur.

7. Concevoir le groupe

   Définissez la disposition des badges les uns par rapport aux autres :

   Paramètre	Ce qu’il contrôle
   Select layout	Empilement Horizontal ou Vertical.
   Item size	La taille de chaque badge, en pourcentage ou en valeur fixe.
   Label gap	L’espacement entre les badges, en pixels.
   Margin	Le décalage en haut, en bas, à gauche et à droite par rapport au contenu environnant.

   Consultez l’aperçu en direct à droite. Utilisez le menu Product page / Collection page et les icônes ordinateur/mobile pour vérifier que le groupe s’affiche où vous le souhaitez dans chaque contexte.

8. Ajouter du CSS personnalisé (facultatif)

   Développez Advance Section pour ajouter votre propre CSS, utile lorsque l’espacement du thème autour de l’élément choisi demande un petit ajustement.

9. Choisir comment le groupe est ciblé

   Passez à l’onglet Placement et choisissez un Condition type :

   Option	Comportement
   Keep individual badge conditions	Chaque badge est affiché ou masqué selon ses propres règles de ciblage.
   Set a custom group condition	Ignore les règles individuelles et utilise une seule condition pour tout le groupe.

   Choisir la seconde option affiche les conditions Product, Customer, Page, Language, Country et Other pour le groupe. Consultez Définir les conditions d’un groupe.

   

   Utilisez une condition de groupe personnalisée lorsque tout l’ensemble doit suivre une seule règle.

10. Enregistrer le groupe

    Cliquez sur Save dans le coin supérieur droit. Le groupe apparaît immédiatement sur les pages produit correspondantes.

Attention

Si le groupe n’apparaît pas où vous l’attendez, votre thème n’expose peut-être pas l’élément que vous avez choisi. Essayez une autre option Badge group replacement, ou utilisez un sélecteur de thème comme décrit dans Modifier la position du badge.

Étapes suivantes

• Créer un groupe d’étiquettes (sur l’image du produit) : superposez plutôt un groupe à la photo du produit.
• Présentation des groupes de badges : le rôle de chaque paramètre de l’éditeur.
• Modifier la position du badge : la liste complète des points d’ancrage de la page produit.