Aller au contenu
Essai gratuit de 7 jours
Français
Ouvrir dans Claude Poser des questions sur cette pageOuvrir dans ChatGPT Poser des questions sur cette page

Créer un groupe d'étiquettes (sur l'image du produit)

Regroupez plusieurs étiquettes dans un groupe placé par-dessus l'image du produit.

Choisissez Inside product image lorsque le groupe doit recouvrir la photo du produit, le choix habituel pour des étiquettes « Sale », « New » ou « Best seller » empilées dans un coin de l’image.

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

    Barre latérale de l’application avec Badge groups sélectionné

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

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

    État vide de Badge groups

    Cliquez sur Create badge group pour ouvrir l’éditeur de groupe.

  3. En haut de l’onglet Design, choisissez Inside product image. Le groupe sera positionné sur la photo du produit.

  4. 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 « Summer sale labels ».

  5. Dans Label Selection, cliquez sur Add labels to group. Recherchez par nom, cochez les étiquettes souhaitées, puis cliquez sur Select.

    Boîte de dialogue Add labels to group

    Cochez chaque étiquette à inclure, puis cliquez sur Select.

  6. Ouvrez la section Design et définissez l’apparence des étiquettes les unes par rapport aux autres :

    Paramètre Ce qu’il contrôle
    Select layout Empilement Horizontal ou Vertical.
    Item size La taille de chaque étiquette, en pourcentage ou en valeur fixe.
    Label gap L’espacement entre les étiquettes, en pixels.
    Predefined position L’un des neuf points d’ancrage sur l’image du produit (coins, bords, centre).
    Margin Le décalage en haut, en bas, à gauche et à droite par rapport au point d’ancrage.

    Consultez l’aperçu en direct à droite pendant vos réglages. Utilisez le menu Product page / Collection page et les icônes ordinateur/mobile pour voir le groupe dans chaque contexte.

    Section Design avec la disposition, la taille, l’espacement et la grille de position à neuf points

    La grille à neuf points ancre l’ensemble du groupe sur l’image du produit.

  7. Développez Advance Section pour ajouter votre propre CSS pour le groupe. Ignorez cette étape, sauf si vous avez besoin d’un style que les paramètres ci-dessus ne permettent pas d’obtenir.

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

    Option Comportement
    Keep individual label conditions Chaque étiquette est affichée ou masquée 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.

    Onglet Placement avec les deux types de condition

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

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

Cette page vous a-t-elle été utile ?