Comment configurer les icônes de produits

Cet article montre comment configurer les icônes de produit étape par étape.

Il y a les principales étapes ci-dessous :

  1. Créer et ajouter une entrée [Métaobjet] Product spec

    1. Création d'un [métaobjet] Product spec

      Dans le tableau de bord d'administration > icône de configuration [1] > données personnalisées [2] > ajouter une définition [3] sous le champ Définitions de métaobjets.

      Après ces clics, la fenêtre Ajouter une définition de métaobjet apparaîtra. Vous devez saisir exactement les instructions ci-dessous pour que la fonction fonctionne correctement, même en haut :

      • Nom [4] - entrez Product spec
      • Champs [5] - cliquez sur Ajouter un champ , le but est d'ajouter trois champs nommés : Titre , Description et Icône .

        Comme le montre l'image ci-dessus, le type « Texte sur une seule ligne » est utilisé pour le titre et la description, tandis que « Fichier » est utilisé pour l'icône. Configurez ces trois champs selon le tableau ci-dessous :

        Titre Description Icône

        Nom - entrez Title

        Choisissez Un type de valeur .

        Nom - entrez Description

        Choisissez Un type de valeur .

        Nom - entrez Icon

        Choisissez un type de fichier .

        Choisissez Accepter des types de fichiers spécifiques > Images .

      Après ces paramètres, vous obtiendrez le métaobjet Product spec avec les informations suivantes :

    2. Ajout d'une entrée pour [Metaobject] Product spec

      Accédez au tableau de bord d'administration > Contenu [6] > Métaobjet [7] > Spécifications du produit [8] > dans Entrées de : fenêtre Spécifications du produit, cliquez sur Ajouter une entrée [9]

      La fenêtre Ajouter une spécification de produit apparaîtra. Par exemple, pour USB-C, les paramètres sont affichés dans l'image suivante :

      • Icône - sélectionnez l'image
      • Titre : saisissez le texte du « Titre »
      • Description - saisissez le texte pour la « Description »

      Suivez le même processus, ajoutez simplement une entrée et insérez les informations requises pour toutes les entrées de spécifications techniques que vous souhaitez ajouter.

  2. Créer Product icons [Metafield]

    1. Créer Product icons [Metafield]

      Dans le tableau de bord d'administration > icône de configuration [1] > données personnalisées [2] > produits [3] > ajouter une définition [4] .

      Après ces clics, la fenêtre Ajouter une définition de champ méta de produit apparaîtra.

      Vous devez saisir exactement les instructions ci-dessous pour que la fonction fonctionne correctement, même en haut :

      • Nom [5] – Product icons
      • Espace de noms et clé [6] - custom.product_icons pour référence.

        Note:

        Ici, vous pouvez entrer n'importe quel espace de noms et clé, mais ils doivent correspondre exactement à la valeur dans [Metafield] , via Them settings > Product titles > Icon list > Metafield .

      • Sélectionnez le type [7] > Métaobjet , puis :

        Référence - choisissez Spécification du produit

        choisissez Entrée de liste

      Après cette étape de configuration, vous obtiendrez les icônes du produit Metafield avec ces paramètres :

    2. Attribuez les icônes Produit [Metafield] au produit souhaité

      • Accédez aux paramètres du produit souhaité. Par exemple, le produit Flow Harmony Liz :

        Dans le tableau de bord d'administration > PProducts [8] > Produit Flow Harmony Liz [9] > faites défiler jusqu'à [Metafields] et cliquez sur Icônes de produit [10

      • Lorsque vous cliquez sur le métachamp « Icônes de produit », une liste [11] apparaîtra contenant les entrées que vous avez ajoutées au métaobjet précédent.

        Choisissez ceux souhaités [12] que vous souhaitez afficher

      • Cliquez sur Enregistrer

  3. Configuration de la liste d'icônes [Bloquer]

    • Dans le tableau de bord d'administration > Boutique en ligne [1] > Thèmes [2] > Personnaliser [3] du thème Concept.

    • Accédez aux sections [4] paramètres du produit. Pour cet exemple, nous prendrons le produit [Flow Harmony Liz] comme exemple.

      Sous Informations sur le produit [5] > Ajouter un bloc [6] > créer une liste d'icônes [7] .

    • Ce bloc se connecte automatiquement au Metafield [Icônes de produit] que vous avez configuré précédemment. Cela signifie que les icônes du produit apparaîtront automatiquement après avoir activé ce bloc.

      Paramètres de blocage :

      • Titre : saisissez le texte du titre du bloc.
      • Activer le carrousel sur le bureau : activez ou désactivez cette option, en fonction de vos besoins.
      • Afficher le média ci-dessous : activez ou désactivez cette option, en fonction de vos besoins.
    • Cliquez sur Enregistrer pour terminer.

  4. Paramètres de la liste d'icônes : affectant la page de collection

    Cette partie concerne : La configuration de la liste d'icônes a un impact sur l'affichage des fiches produits dans la page Collection.

    Dans Personnaliser le thème > Paramètres du thème > Titres des produits > Liste des icônes .

    • Afficher la liste d'icônes - Activer/désactiver le bloc de liste d'icônes.
    • Nombre maximum d'icônes à afficher - Ajustez pour afficher le nombre d'icônes dans chaque fiche produit.
    • Activer le carrousel sur le bureau - Activer/désactiver le carrousel sur le bureau (les icônes glissent au survol).

Tout dépend des paramètres des icônes de produits.

Besoin d'une aide supplémentaire

Si vous rencontrez des problèmes ou avez besoin d'aide supplémentaire avec votre thème Concept, veuillez contacter nos services d'assistance via notre système de tickets pour obtenir de l'aide dans les 8 heures.

Scannez le code QR ci-dessous pour rejoindre notre communauté WhatsApp pour les mises à jour, les actualités et les annonces.

Discutez sur WhatsApp