Table d'options avec métaobjet et métachamp

Simplifiez les comparaisons de produits avec un tableau d'options ! Cette interface conviviale fournit des visuels clairs pour une comparaison facile, renforçant ainsi la confiance des clients et augmentant potentiellement les conversions.

Les métachamps offrent une flexibilité supérieure pour les critères de comparaison, contrairement aux options de produits qui ont un impact sur l'organisation du magasin.

Les métaobjets maintiennent les informations sur les produits bien structurées. Par exemple, imaginez un magasin de cosmétiques utilisant une table pour présenter clairement les ingrédients. Les métaobjets peuvent stocker ces données, tout en vous permettant également d'ajouter des images ou des icônes pour une expérience utilisateur plus intuitive, comme le montre la démo ci-dessus.

Cette approche rationalise la configuration et garantit la cohérence de votre gamme de produits.

EXIGENCE

Vous devez disposer de Be Yours version 7.2.0. ou plus tard .

PAS

Tout d’abord, configurez un métaobjet.

1. Création d'un nouveau métaobjet

   1. Dans le tableau de bord d'administration > Paramètres > Données personnalisées > Ajouter une définition sous Définitions de métaobjets

      

      

   2. La fenêtre métaobjet nécessite que trois champs spécifiques soient remplis. Veuillez suivre attentivement les instructions ci-dessous.

      

      Remarque : Bien que cet exemple se concentre sur les cosmétiques avec un métaobjet « ingrédients », vous pouvez personnaliser le « Nom » et la « Description » pour les adapter aux informations spécifiques de votre produit.

      • Nom ^[1] - Common ingredients

      • Description ^[2] - Common ingredients

      • 

      • Ajouter un champ ^[3] - Choisissez Texte sur une seule ligne et Fichiers

        • Texte sur une seule ligne : effectuez les trois actions requises :

          

          • Vous devez saisir exactement le mot Label dans le champ Nom ^[1] pour que la fonction fonctionne correctement.
          • Activer Utiliser ceci comme nom d'affichage ^[2] .
          • Activez le champ obligatoire ^[3] si nécessaire.

        • Fichiers : effectuez deux actions requises :

          

          • Vous devez saisir exactement le mot Icon dans le champ Nom ^[1] pour que la fonction fonctionne correctement.
          • Sous Accepter un type de fichier spécifique , sélectionnez Images ^[2] uniquement.

      • Cliquez ensuite sur Enregistrer pour terminer la création d'un métaobjet.

   3. Une fois que vous avez créé un métaobjet, vous le trouverez répertorié.

      

2. Ajouter une entrée pour le métaobjet

   1. Accédez au tableau de bord d'administration > Contenu ¹ > Métaobjet ² > choisissez Ingrédients communs ³ > Ajouter une entrée ⁴ .

      

      

   2. Choisissez une image pour l' icône et saisissez le texte pour l' étiquette .

      

      Cliquez ensuite sur Enregistrer pour terminer l'ajout d'une entrée.

      Pour ajouter des entrées supplémentaires, répétez simplement ces étapes.

   3. Par exemple, nous avons attribué 4 entrées comme image ci-dessous.

      

Deuxièmement, créez un Metafield

1. Créer un nouveau champ méta

   1. Dans le tableau de bord d'administration > Paramètres > Données personnalisées > Produits sous Définitions Metafield > Ajouter une définition

      

      

   2. La fenêtre métachamp nécessite que trois champs spécifiques soient remplis. Veuillez suivre attentivement les instructions ci-dessous.

      

      Remarque : Bien que cet exemple se concentre sur les cosmétiques avec un métachamp "ingrédients", vous pouvez personnaliser le "Nom" et "l'Espace de noms et la clé" pour les adapter aux informations spécifiques de votre produit.

      • Nom ^[1] - ingredients

      • Espace de noms et clé ^[2] - custom.ingredients

      • 

      • Sélectionnez le type ^[3]

        • Type : Métaobjet

        • Référence : Ingrédients courants

        • Liste des entrées

        

      • Cliquez ensuite sur Enregistrer pour terminer la création d'un métachamp.

   3. Une fois que vous avez créé un Metafield, vous le trouverez répertorié.

      

2. Attribuer des valeurs pour Metafield

   À titre d'illustration, nous attribuerons les valeurs Rétinol et Acide Hyaluronique au champ méta du produit Crème Corps Anti-Âge .

   1. Accédez à Produit > Crème pour le corps anti-âge > localisez les ingrédients sous Metafield.

      

      

   2. Dans les ingrédients du champ méta, choisissez [Rétinol] et [Acide hyaluronique].

      

   3. Cliquez ensuite sur Enregistrer pour terminer.

Enfin, configurez la section Table d'options

1. Activez la section Tableau d'options

   1. Sur la page Thèmes, choisissez le thème Be Yours et cliquez sur le bouton Personnaliser du thème.

      

   2. Sur la page d'accueil (ou autre modèle de page) > Groupe de sections Modèle > Ajouter une section > Cliquez sur le tableau des options .

      

   3. Cette section du tableau d'options est affichée bien en évidence sur votre site Web avec une date d'espace réservé, comme indiqué dans l'image ci-dessous. Ajoutez jusqu'à 5 blocs de produits pour présenter vos favoris.

      

2. Configurer la section Table d'options

   1. Configuration de la section du tableau d'options

      

      • Pour utiliser Metafield, entrez exactement l'espace de noms et la clé du métafield dans l'option Critères .

        Pour la création manuelle de tables (sans métachamp), consultez ce lien. .

      • Par exemple, nous saisissons ici custom.ingredients .

        

   2. Mise en place du bloc produit

      

      • Choisissez un produit et sélectionnez une image personnalisée que vous souhaitez afficher. Par exemple, le produit « Crème Corps Anti-Âge ».

        

      • Cette section peut accueillir jusqu'à 5 produits. Dans l'exemple ci-dessous, nous présentons 4 produits.

        

      • Pour un affichage optimal, veuillez vous assurer que toutes les images de produits ont un arrière-plan transparent .

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.