# Configuration des échantillons de couleur

**Ce que vous apprendrez**

* Comment attribuer une catégorie de produit
* Comment appliquer des nuanciers de couleur en utilisant les métachamps de catégorie de Shopify
* Comment connecter un métachamp de couleur aux variantes de produit de votre thème

<figure><img src="https://2184181493-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTKGORQPMrQxrulX5pHNw%2Fuploads%2Fgit-blob-d3bd3bb34e8c2a4b337c65d77552a91016c71a24%2FScreenshot%202025-04-10%20at%207.15.20%E2%80%AFPM.png?alt=media" alt=""><figcaption></figcaption></figure>

### 1. Ouvrez la page produit dans l'éditeur de thème

* Dans l'administration Shopify, allez à **Boutique en ligne > Thèmes**, puis cliquez **Personnaliser** sur votre thème en ligne.
* Naviguez jusqu'à une page produit.
* Cliquez sur la **Variantes produit** bloc à l'intérieur du **Section produit**.
* Sous **Style de variante**, sélectionnez **Nuanciers de couleurs**.

> 💡 Astuce : Utilisez le sélecteur d'aperçu pour charger un produit qui possède plusieurs variantes de couleur.

<figure><img src="https://2184181493-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTKGORQPMrQxrulX5pHNw%2Fuploads%2Fgit-blob-6c7ee6ccf627b0c12d4293ee7772a5bf1642505b%2FScreenshot%202025-04-10%20at%207.02.24%E2%80%AFPM.png?alt=media" alt=""><figcaption></figcaption></figure>

### 2. Attribuez une catégorie dans l'administration Shopify

* Aller à **Produits** dans l'administration Shopify.
* Cliquez sur le produit que vous souhaitez modifier.
* Faites défiler jusqu'à **Catégorie** section et affectez-la à une option pertinente (par ex. **Vêtements & Accessoires**).

<figure><img src="https://2184181493-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTKGORQPMrQxrulX5pHNw%2Fuploads%2Fgit-blob-3fac79715c64502b2d940bf19baa4d92129577db%2FScreenshot%202025-04-10%20at%207.07.21%E2%80%AFPM.png?alt=media" alt=""><figcaption></figcaption></figure>

### 3. Ajoutez des valeurs de couleur aux métachamps de catégorie

* Après avoir attribué une catégorie, faites défiler jusqu'à **Métachamps de catégorie**.
* Vous verrez maintenant des options spécifiques à cette catégorie (comme « Couleur »).
* Cliquez dans le **Couleur** champ et sélectionnez soit dans la liste soit choisissez **Ajouter une nouvelle entrée** pour saisir une couleur personnalisée.

<figure><img src="https://2184181493-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTKGORQPMrQxrulX5pHNw%2Fuploads%2Fgit-blob-26577a4dc7b72bb89547ee824e6387f7cb7f860a%2FScreenshot%202025-04-10%20at%207.06.27%E2%80%AFPM.png?alt=media" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2184181493-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTKGORQPMrQxrulX5pHNw%2Fuploads%2Fgit-blob-15d039c9df1a1f5d960e8649002236f06741c4fc%2FScreenshot%202025-04-10%20at%207.08.43%E2%80%AFPM.png?alt=media" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2184181493-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTKGORQPMrQxrulX5pHNw%2Fuploads%2Fgit-blob-6aa967e8bf0a01ad8426b9a0e9646faea77d4fa2%2FScreenshot%202025-04-10%20at%207.09.37%E2%80%AFPM.png?alt=media" alt=""><figcaption></figcaption></figure>

### 4. Liez le métachamp de couleur au bloc de variante

* Retournez à l'éditeur de thème et cliquez de nouveau sur le **Variantes produit** bloc.
* Localisez le **variante de couleur** et cliquez sur le **icône de source dynamique** (icône de cercles empilés).
* Sélectionnez le métachamp de couleur que vous avez ajouté dans le menu déroulant.

<figure><img src="https://2184181493-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTKGORQPMrQxrulX5pHNw%2Fuploads%2Fgit-blob-f27b79fd0ee7e9358ad08206d4d61ca07dcadd41%2FScreenshot%202025-04-10%20at%207.12.47%E2%80%AFPM.png?alt=media" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2184181493-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTKGORQPMrQxrulX5pHNw%2Fuploads%2Fgit-blob-1213530727dacca79c58bf9bf93b27caec66c0ab%2FScreenshot%202025-04-10%20at%207.13.14%E2%80%AFPM.png?alt=media" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2184181493-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTKGORQPMrQxrulX5pHNw%2Fuploads%2Fgit-blob-882e1c811adcf173d6013d5faa702af83b7d2fd8%2FScreenshot%202025-04-10%20at%207.13.38%E2%80%AFPM.png?alt=media" alt=""><figcaption></figcaption></figure>

### 5. Enregistrez vos modifications

* Cliquer sur **Terminé** puis **Enregistrer** en haut à droite de l'éditeur de thème.

***

✅ Votre produit devrait maintenant afficher des nuanciers de couleur cliquables basés sur les valeurs de métachamp que vous avez ajoutées.

> ⚠️ Avertissement : Les nuanciers de couleur n'apparaissent que si votre produit possède une **option de variante nommée « Couleur »** et qu'elle est associée au métachamp correspondant.

<figure><img src="https://2184181493-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTKGORQPMrQxrulX5pHNw%2Fuploads%2Fgit-blob-d3bd3bb34e8c2a4b337c65d77552a91016c71a24%2FScreenshot%202025-04-10%20at%207.15.20%E2%80%AFPM.png?alt=media" alt=""><figcaption></figcaption></figure>

### **Besoin d’aide ?**

* 💬 **Rejoignez notre communauté sur Discord :** <https://discord.gg/hcc2GvgZc6>
* 📧 **Envoyez-nous un e-mail à :** <support@openspaces.design>
* 💻 **Discutez en direct avec nous :** Disponible du lundi au vendredi, de 10h à 18h EST, directement sur notre site web