Puis-je ajouter des étiquettes personnalisées à mes produits ?

Concept prend en charge l'ajout d'étiquettes personnalisées à vos fiches produits, que vous verrez sur vos pages de collection ou dans la section de collection en vedette.

Chaque produit peut être orné d’une ou plusieurs étiquettes personnalisées, partageant toutes une couleur de fond personnalisable. Cette fonctionnalité utilise des métachamps , il suffit donc d'ajouter des définitions de métachamps et d'attribuer des étiquettes aux produits souhaités.

Sur cette page

Ajout de nouvelles définitions de champs méta

Dans certains cas, vous devrez peut-être afficher des informations sur les produits au cas par cas. La fonctionnalité de source dynamique du thème Concept vous permet de créer des informations produit personnalisées à l'aide de métachamps, offrant ainsi une solution polyvalente pour les spécifications de votre produit uniques.

Ce guide approfondira l'utilisation de sources dynamiques et de métachamps pour libérer tout le potentiel de la personnalisation de votre thème.

Sur cette page

Ajout d'une nouvelle définition de champ méta

Condition préalable essentielle : avant d'appliquer des métachamps standard ou personnalisés, assurez-vous d'avoir consulté le guide de Shopify sur l'ajout de définitions de métachamps.

Note:

Cette étape ne doit être effectuée qu’une seule fois et affectera tous les produits. Si vous l'avez déjà fait, veuillez l'ignorer. Étant donné que les champs méta fonctionnent indépendamment du thème, cette étape n'a pas non plus besoin d'être répétée lorsque vous mettez à jour ou réinstallez le thème.

Suivez ces étapes pour ajouter le champ méta « Caractéristiques du produit » :

  1. Sur votre tableau de bord Shopify Admin > Paramètres > Données personnalisées .

  2. Choisissez la partie du magasin à laquelle vous souhaitez ajouter un nouveau champ. Par exemple, nous ajoutons le nouveau champ à Products .

  3. Après avoir choisi les produits, vous cliquez sur le bouton Ajouter une définition dans le coin supérieur droit.

  4. Dans la zone Ajouter une définition de champ méta de produit, configurez les détails du nouveau champ méta, notamment :

    • Nom - Product label
    • Espace de noms et clé - theme.label
    • Description (facultatif) - nous ajoutons la ligne de description « Ajouter des informations clés pour décrire le produit ».
    • Sélectionnez le type de contenu - il existe différents types de contenu tels que le texte de la ligne, l'entier, la date et l'heure, le fichier, etc. Dans ce paramètre, nous sélectionnons le Texte .
    • Sélectionnez Texte sur une seule ligne , puis choisissez Liste de valeurs . En utilisant une liste de valeurs, vous avez la possibilité d'ajouter plusieurs étiquettes pour un produit.
  5. Cliquez sur Enregistrer pour enregistrer la définition.

  6. Vous devriez maintenant voir l’ étiquette Produit dans la liste des définitions.

  7. Nous devons maintenant ajouter une autre définition pour stocker la couleur d’arrière-plan de l’étiquette. Cliquez à nouveau sur Ajouter une définition .

  8. Dans la zone Ajouter une définition de champ méta de produit, configurez les détails du nouveau champ méta, notamment :

    • Nom - Product label color
    • Espace de noms et clé - theme.label_color
    • Sélectionnez le type de contenu > puis sélectionnez Couleur .

  9. Cliquez sur Enregistrer pour enregistrer la définition.

  10. Vous devriez maintenant voir la couleur de l’étiquette du produit dans la liste des définitions.

Attribution de valeurs de champ méta pour le produit en connectant une source dynamique

  1. Dans votre interface administrateur, dans Produits , cliquez sur le produit auquel vous souhaitez ajouter les étiquettes.

  2. Faites défiler jusqu'aux champs méta , puis cliquez sur Afficher tout pour ouvrir les valeurs des champs méta du produit.

  3. Vous devriez voir l' étiquette du produit et la couleur de l'étiquette du produit ici.

  4. Pour définir la couleur de fond des étiquettes, cliquez sur le champ Couleur de l'étiquette du produit puis choisissez la couleur souhaitée.

    Note:

    Le texte des étiquettes est toujours d'un blanc pur (code hexadécimal #ffffff ). Il est donc recommandé de choisir une couleur qui contraste avec le blanc pour plus de lisibilité.

  5. Pour définir des étiquettes, cliquez sur le champ Étiquette du produit . Entrez votre étiquette dans la zone de texte par défaut. Par exemple, dans la capture d'écran ci-dessous, « Nouveau » est mon étiquette. Si vous souhaitez ajouter plusieurs étiquettes, cliquez simplement sur Ajouter un élément pour ajouter une autre zone de texte, puis entrez la valeur souhaitée.

  6. Cliquez sur Enregistrer pour enregistrer vos modifications.

  7. Terminez ces configurations et le produit « Flow Harmony Liz » obtiendra automatiquement le label Hot , augmentant ainsi sa visibilité dans la section En vedette (comme indiqué ci-dessous).

Nous espérons que cet article vous a été utile. Si vous avez des questions ou des préoccupations concernant cette fonctionnalité, n'hésitez pas à contacter notre équipe pour obtenir de l'aide.

Back to Soyez le support du concept