> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.widebundle.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Comment utiliser les color swatches ?

Wide Hello !

Nous allons voir dans cet article comment utiliser les color swatches

#### Introduction

Au lieu d'afficher des menus déroulants pour vos options (comme la couleur ou la taille) sur vos bundles, vous pouvez choisir d'afficher des swatches.

Les swatches sont de petits ronds contenant une couleur.

#### Utiliser des swatches

* Créez une offre
* Cochez la case pour activer les color swatches

![](https://storage.crisp.chat/users/helpdesk/website/59d08aea42fadc00/image_cm5oay.png)

* Configurez les options qui utiliseront les color swatches

#### Attribuer les couleurs

Vous pouvez ensuite choisir la couleur que vous souhaitez afficher dans les cercles.

1. Cliquez sur "Paramètres & Design" dans le menu de gauche

![](https://storage.crisp.chat/users/helpdesk/website/59d08aea42fadc00/click-parametres-design_18v0cpz.png)

2. Cliquez sur la section "Couleurs Swatch"

![](https://storage.crisp.chat/users/helpdesk/website/-/5/9/d/0/59d08aea42fadc00/image_1i7xxdj.png)
3. Attendez que la section se charge

Dans cette section, vous verrez toutes les valeurs des options pour lesquelles vous avez coché la case.

Pour chaque option, vous pourrez dire si vous voulez utiliser une couleur pour le cercle ou une image.


![](https://storage.crisp.chat/users/helpdesk/website/59d08aea42fadc00/image_be3q92.png)

Et après avoir choisi ce que vous voulez, vous pourrez :

* Choisir une couleur de votre choix
* Choisir une image dans vos fichiers Shopify ( [Comment ajouter des images à mes fichiers Shopify ?](https://help.widebundle.com/fr/article/comment-importer-une-image-dans-les-fichiers-shopify-vr4u57/?bust=1698617255307))

Ensuite, vous pouvez cliquer sur Sauvegarder.