Reliez chaque variante à une image par son code couleur et son SKU, pas par la position dans la galerie. Dans le CSV produit Shopify, la colonne d’URL d’image s’applique à la ligne de variante concernée : une URL erronée ou dupliquée affiche la mauvaise couleur. Vérifiez ensuite sur mobile, renommez les fichiers avec le SKU et écrivez un texte alternatif qui nomme la couleur réelle.
Pourquoi une couleur commandée peut ne pas correspondre à l’image
Le problème vient rarement de la photo elle-même. Il vient du lien entre la ligne de variante et l’URL de l’image. Dans un fichier CSV produit Shopify, chaque variante possède sa propre ligne, et la colonne d’image associe une URL à cette ligne. Si vous copiez-collez une ligne pour gagner du temps, l’URL reste celle de la variante précédente : le client choisit « bleu nuit » et voit la photo « sable ».
Shopify précise que les images importées via CSV sont téléchargées puis réhébergées dans votre boutique, et que l’URL de chaque image doit être accessible publiquement en https, sans mot de passe (Using CSV files to import and export products, consulté le 30 septembre 2026). Autrement dit, l’URL doit rester accessible publiquement en https, sans mot de passe, au moment de l’import.
Deuxième cause fréquente : la galerie. Une variante peut n’avoir aucune image propre et hériter de la première image du produit. Le client croit alors commander une couleur précise alors qu’il regarde une photo générique. Ce n’est pas un bug, c’est un défaut d’affectation.
Comment associer un SKU couleur à la bonne image dans le CSV
La méthode tient en quatre colonnes à contrôler avant l’import : le nom de la variante, le SKU, l’URL de l’image et le texte alternatif si votre thème l’exploite.
- Nommez la couleur dans la variante. Utilisez un libellé stable : « Bleu nuit », « Sable », « Vert sauge ». Évitez « Bleu 1 » ou « Coloris B », que personne ne peut relire six mois plus tard.
-
Construisez un SKU qui contient la couleur. Par exemple
CHEM-BLEU-M. Le SKU devient votre clé de contrôle : il doit apparaître dans le nom du fichier image. -
Nommez le fichier image avec le SKU.
chem-bleu-m-face.jpg,chem-bleu-m-detail.jpg. Vous reliez ainsi visuellement la ligne CSV et le fichier, sans dépendre de l’ordre d’upload. - Collez l’URL exacte sur la ligne de la variante. Une URL par couleur, pas une URL pour tout le produit. Si une couleur n’a pas encore de photo, laissez la case vide plutôt que de réutiliser une URL existante.
Exemple illustratif (chiffres fictifs) : une chemise existe en trois coloris. Vous importez 3 variantes et 9 images. Si la ligne « Sable » pointe vers chem-bleu-m-face.jpg, le client qui commande sable reçoit une confirmation visuelle bleue. Le contrôle ci-dessous détecte ce cas en quelques minutes.
Le contrôle mobile avant import : la vraie vérification
Sur ordinateur, une galerie mal liée reste souvent lisible. Sur mobile, l’image de variante change au moment du clic et le décalage saute aux yeux. Faites le test sur un écran étroit, en conditions réelles.
- Ouvrez la fiche produit sur un téléphone.
- Sélectionnez chaque couleur l’une après l’autre.
- Vérifiez que la photo affichée correspond au libellé sélectionné.
- Ajoutez au panier une couleur, puis contrôlez que la vignette du panier montre la même couleur.
- Rechargez la page et recommencez : un cache ou une image non réhébergée peut produire un affichage différent au second passage.
Si une couleur affiche la mauvaise photo, ne corrigez pas dans le thème. Corrigez la ligne CSV ou la fiche variante, puis réimportez. Le thème ne fait que refléter l’association que vous avez déclarée.
Un texte alternatif utile pour la couleur, pas pour le référencement
Le texte alternatif sert d’abord aux personnes qui ne voient pas l’image. Écrivez ce que la photo montre réellement : « Chemise en coton, coloris bleu nuit, vue de face ». Évitez d’y empiler des mots-clés ou des adjectifs marketing.
Un alt correct rend aussi service au contrôle qualité : si l’alt dit « bleu nuit » et que la photo est sable, l’incohérence devient visible dans l’admin. C’est un signal de relecture, pas une promesse de position dans les résultats de recherche.
Tableau de décision : corriger l’image ou corriger la donnée ?
| Symptôme observé | Cause probable | Action |
|---|---|---|
| Toutes les couleurs montrent la même photo | Aucune image liée aux variantes | Ajouter une URL par ligne de variante |
| Une seule couleur est fausse | URL copiée depuis la ligne voisine | Corriger l’URL de cette ligne |
| La photo change après rechargement | Image non réhébergée ou URL instable | Réimporter avec une URL https publique |
| La bonne photo apparaît sur ordinateur, pas sur mobile | Galerie ou thème qui réordonne | Vérifier l’ordre des images et l’image principale |
| Le client reçoit une couleur différente de la photo | Variante commandée ≠ variante photographiée | Corriger le SKU et l’image, puis contrôler le panier |
Erreurs à éviter lors d’un import de variantes couleur
- Réutiliser une URL pour plusieurs couleurs. C’est la cause la plus fréquente d’une couleur commandée qui ne correspond pas.
- Se fier au nom du fichier seul. Le CSV lit l’URL, pas votre intention. Vérifiez la ligne, pas le dossier.
- Importer après avoir supprimé les images d’origine. Shopify signale qu’un import peut échouer si les produits ou images ont été retirés sans mise à jour des URL (Using CSV files to import and export products, consulté le 30 septembre 2026).
- Oublier la limite d’images. Un produit peut recevoir jusqu’à 250 images selon la même documentation : au-delà, prévoyez une autre organisation.
- Ne pas contrôler le panier. La fiche peut être juste et la vignette panier fausse si le thème utilise une autre image.
Quand le problème vient du catalogue, pas des photos
Si vos variantes portent plusieurs codes-barres ou si vos identifiants se mélangent, l’erreur d’image n’est qu’un symptôme. Dans ce cas, traitez d’abord la structure du catalogue avec Plusieurs codes-barres par variante Shopify : corriger les erreurs de catalogue. Et si vos fiches ne reçoivent aucun trafic, la question des photos passe au second plan : voyez pourquoi votre site ne génère pas de demandes de devis.
Questions fréquentes
Faut-il une photo par variante ou une photo par couleur ?
Une photo par couleur suffit si chaque variante couleur pointe vers une URL distincte. Une photo par variante devient nécessaire quand la taille ou la matière change visiblement le rendu. Dans tous les cas, chaque ligne de variante doit avoir une URL cohérente avec sa couleur.
Que faire si une couleur n’a pas encore de photo ?
Laissez l’URL vide sur cette ligne plutôt que de réutiliser une photo existante. Le client verra une image générique, mais il ne verra pas une fausse couleur. Ajoutez la photo dès qu’elle est disponible, puis réimportez la ligne concernée.
Le texte alternatif peut-il empêcher une erreur de couleur ?
Non, il ne corrige rien techniquement. Il rend l’erreur visible à la relecture et aide les personnes qui utilisent un lecteur d’écran. La correction réelle se fait dans l’association variante-image.
Comment vérifier après un import réussi ?
Ouvrez trois fiches au hasard sur mobile, sélectionnez chaque couleur, ajoutez au panier et contrôlez la vignette. Si une seule couleur est fausse, corrigez la ligne CSV correspondante et réimportez uniquement ce produit.
