> For the complete documentation index, see [llms.txt](https://www.docs.shopiweb.fr/theme-premium/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://www.docs.shopiweb.fr/theme-premium/documentation/page-produit/produit-modele/selecteur-de-variante.md).

# Sélecteur de variante

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

<figure><img src="/files/VblMAVaqz42em2KKvIMo" alt=""><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/877592160?share=copy>" %}
Vidéo explicative pour apprendre à personnaliser les VARIANTES dans le Bloc de la page produit de SHOPIWEB PREMIUM
{% endembed %}