# Comment ajouter des tableaux de tailles à chaque produit ## **Ce que vous apprendrez** * Comment créer un métachamp de tableau des tailles pour les produits * Comment lier des pages personnalisées de tableau des tailles à des produits individuels * Comment afficher chaque tableau dans le bloc « Informations supplémentaires » sur la page produit *** ### 🧩 Aperçu Ce tutoriel vous guide pour attribuer un tableau des tailles différent à chaque produit en utilisant **les métachamps Shopify** et le **éditeur de thème**. Ceci est utile pour les boutiques vendant plusieurs marques ou catégories de produits avec des normes de taille différentes. > 💡 Vous pouvez suivre le même processus pour afficher d'autres types d'informations spécifiques au produit, comme les instructions d'entretien ou les détails sur les matériaux. *** ### Étape 1 : Créer le métachamp Produit 1. Depuis votre **Admin Shopify**, allez à **Paramètres** 2. Cliquer sur **Données personnalisées**, puis sélectionnez **Produits** 3. Cliquer sur **Ajouter une définition** Configurez maintenant le métachamp : * **Nom**: `Tableau des tailles` * **Espace de noms et clé**: `custom.size_chart` * **Type**: `Page` * Cliquer sur **Enregistrer** *** ### Étape 2 : Créez vos pages de tableau des tailles 1. Dans la barre latérale de l'Admin, allez à **Boutique en ligne > Pages** 2. Cliquer sur **Ajouter une page** 3. Intitulez la page en fonction du type de produit ou de la marque (par ex. « Tableau des tailles - Vestes pour homme ») 4. Ajoutez votre contenu de tableau : * Vous pouvez copier-coller un tableau depuis Google Sheets * Ou télécharger une image d'un tableau que vous avez créé avec Photoshop, Canva, etc. 5. Assurez-vous que la page est **visible**, puis cliquez **Enregistrer** > 💡 Répétez cette étape pour créer des pages supplémentaires pour chaque tableau des tailles unique que vous utiliserez. *** ### Étape 3 : Attribuer les tableaux des tailles aux produits 1. Aller à **Produits** dans votre admin 2. Sélectionnez un produit auquel vous souhaitez attribuer un tableau des tailles 3. Faites défiler jusqu'à la **Zone des métachamps** section 4. Localisez le **Tableau des tailles** métachamp 5. Sélectionnez la page correcte que vous avez créée pour le tableau des tailles de ce produit 6. Cliquer sur **Enregistrer** *** ### Étape 4 : Connecter le métachamp dans l'éditeur de thème 1. Ouvrez le **Éditeur de thème** 2. Naviguez vers un **modèle de page produit** 3. Ajoutez ou sélectionnez un **bloc Informations supplémentaires** bloc 4. Changez l' **Titre** et **Icône** pour correspondre à votre image de marque (par ex. « Tableau des tailles ») Puis : 5. À côté du **Paramètre de page d'information** réglage, cliquez sur l' **icône de source dynamique (🔗)** 6. Sélectionnez le **Tableau des tailles** métachamp (`custom.size_chart`) 7. Cliquer sur **Enregistrer** *** ### ✅ C'est terminé ! Maintenant, lorsque vous cliquez sur le **bloc Informations supplémentaires** bascule sur une page produit, elle chargera le tableau des tailles spécifique lié via le métachamp de ce produit. > 🎉 Vous pouvez réutiliser ce flux de travail pour d'autres contenus spécifiques au produit — comme les instructions d'entretien, les types de tissu ou les informations de garantie. ### **Besoin d’aide ?** * 💬 **Rejoignez notre communauté sur Discord :** * 📧 **Envoyez-nous un e-mail à :** * 💻 **Discutez en direct avec nous :** Disponible du lundi au vendredi, de 10h à 18h EST, directement sur notre site web --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://docs.openspaces.design/plain-jane-docs-v2-fr/readme-1/advanced/how-to-add-size-charts-to-each-product.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.