Comprendre les champs standards et les champs metafields

Pour un produit sur Shopify nous avons 2 types de champs : les champs standards et les champs metafields.

Les champs standards sont le titre du produit, le prix, les images, le SKU, etc. Ils constituent les éléments de base d'un produit.

Les champs metafields permettent d'enregistrer des informations supplémentaires sur vos produits. On peut les utiliser pour ajouter par exemple des icônes spécifiques, du texte ou des images spécifique à tel ou tel produit.

Créer des champs metafields

Créez les différents champs en cliquant sur Ajouter une définition, nommez le (champs Nom) puis cliquez sur Sélectionner le type et choisissez un type de donnée :

• texte simple
• nombre
• fichier (image)
• texte enrichi
• etc

Intégrer les champs metafields dans le thème

1. Remplissez le contenu des champs metafields.
2. Connectez une source dynamique dans un bloc.

Après avoir rempli le contenu dans les metafields comme ceci :
 

Nous pouvons les intégrer dans le thème en connectant une source dynamique dans un block :

Le contenu ajouté dans la fiche produit est maintenant affiché dans le thème !

Le problème des champs metafields

• ajouter un nouveau block, 
• ajouter un nouveau champs metafield 
• et connecter ce block avec le contenu

Les meta-objets à la rescousse !

Jusqu'ici nous avons attaché des champs metafields à l'entité Produit.

Avec les méta-objects, nous allons créer nos propres entités qui auront leur propres champs. Si dessous je reprend l'exemple des metafields liés aux "avantages" et au lieu de créer une multitude de champs j'en créé 1 seul, l'entité "Avantage" qui comprend 2 champs "Titre" et "Texte"

 

Je créerais plusieurs "Avantages" en remplissant leur champs titre et texte. Et je viendrais attacher ces entités "Avantage" aux produits :

Cela nous permet de séparer le contenu en sous éléments autonomes et de facilité la gestion du contenu.

Concrètement comment on fait ?

Le création de champs meta-objets pour gérer votre contenu

Puis cliquez sur Ajouter une définition :

Pour notre exemple du metaobjet Avantage j'ai ajouté 1 champs Titre et un champs Texte :

Retournez dans Contenu puis Métaobjet et cliquez sur ce nouveau Métaobjet, cliquez ensuite sur Ajouter une saisie

Remplissez le contenu et enregistrez

Vous avez maintenant plusieurs "Avantages" à attribuer à vos produits.

Attacher un meta-objet à un produit

Pour pouvoir attacher un meta-objet à un produit vous devez créer un champs metafield sur le produit pour récupérer le contenu et l'attacher.

Allez dans Paramètres, Données personnalisées puis Produits

Cliquez sur Ajouter une définition, nommez le champs et choisissez Metaobjets dans le type de champs :

Dans référence choisissez le métaobjet que l'on a créé plus tôt :

Pour finir choisissez Liste d'entrée car nous allons attacher plusieurs "avantages".

Sauvegardez et retournez sur une fiche produit.

Profitez-en pour effacer les champs metafields Titre avantage 1, Texte avantage 1, Titre avantage 2, Texte avantage 2, Titre avantage 3, Texte avantage 3 qui sont maintenant redondants avec le metaobjet Avantage.

Ajouter le contenu sur la fiche produit

Ajouter les champs métaobjets dynamiques dans le thème

Dans les options du blocks cliquez sur la petite icône "base de donnée" tout en haut. Puis sélectionnez votre métaobjet (dans l'exemple il s'appelle Métaobjet Avantage)

Et voila ! Notre page produit affiche le contenu des champs métaobjets !

Conclusion