# VARIANTES

{% hint style="info" %}
Version 1.0.0
{% endhint %}

<figure><img src="/files/VblMAVaqz42em2KKvIMo" alt="Capture d&#x27;écran de des variantes de couleurs et de textures créées avec le thème SHOPIWEB PREMIUM"><figcaption><p>Variantes de couleurs et de textures depuis la boutique demo ECLYPSIO</p></figcaption></figure>

***Ce tutoriel va vous expliquer comment présenter les variantes de couleurs ou de textures de vos produits de façon esthétique.***

{% hint style="success" %}
**AVANT DE COMMENCER :** Assurez-vous d'avoir une licence active installée sur votre boutique Shopify®. Si ce n'est pas le cas, commandez une licence SHOPIWEB PREMIUM en passant par [ce lien](https://www.shopiweb.fr/).
{% endhint %}

### Pour créer le visuel de vos variantes

* Créez un plan de travail de dimension 150x150 pixels
* Posez sur ce plan de travail l'image de votre texture ou la couleur souhaitée
* Exportez vos visuels de variantes au format PNG
* Renommer le nom de votre image au format suivant : "swatch-lenomdevotrevariante.png"

Pour apprendre à bien insérer vos images de variantes sur votre boutique Shopify®, merci de suivre attentivement le tutoriel vidéo suivant 👇

{% embed url="<https://vimeo.com/877588289?share=copy>" %}
Vidéo explicative pour apprendre à personnaliser les VARIANTES dans les paramètres du thème de SHOPIWEB PREMIUM
{% endembed %}


---

# 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://www.docs.shopiweb.fr/theme-premium/documentation/parametres-du-theme/variantes.md?ask=<question>
```

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.