{"id":10389,"date":"2026-08-02T11:06:45","date_gmt":"2026-08-02T09:06:45","guid":{"rendered":"https:\/\/consultoriaehero.com\/?p=10389"},"modified":"2026-08-02T11:06:45","modified_gmt":"2026-08-02T09:06:45","slug":"woocommerce-ne-change-pas-limage-lors-du-choix-dune-variation-pourquoi-cela-arrive","status":"publish","type":"post","link":"https:\/\/consultoriaehero.com\/fr\/woocommerce-ne-change-pas-limage-lors-du-choix-dune-variation-pourquoi-cela-arrive\/","title":{"rendered":"WooCommerce ne change pas l\u2019image lors du choix d\u2019une variation : pourquoi cela arrive"},"content":{"rendered":"<p>C\u2019est l\u2019une des frustrations les plus fr\u00e9quentes de ceux qui montent une boutique avec des produits en plusieurs couleurs ou finitions : le client choisit \u00ab bleu marine \u00bb et la fiche continue d\u2019afficher la photo du gris. Ou pire : l\u2019image principale change, mais la galerie en dessous reste avec les photos de la couleur pr\u00e9c\u00e9dente. Vous ne faites rien de mal \u2014<strong>WooCommerce fonctionne ainsi par d\u00e9faut<\/strong>\u2014 et il vaut la peine de comprendre pourquoi avant de chercher une solution.<\/p>\n<h2>Ce que WooCommerce fait r\u00e9ellement avec les images de variation<\/h2>\n<p>WooCommerce permet d\u2019attribuer <strong>une seule image<\/strong> \u00e0 chaque variation. Une. Lorsque le client s\u00e9lectionne une combinaison d\u2019attributs, le syst\u00e8me remplace l\u2019image mise en avant par cette unique photo et laisse la galerie du produit parent intacte.<\/p>\n<p>Cela fonctionne raisonnablement bien si vous vendez quelque chose pour lequel une photo suffit. Cela cesse de fonctionner d\u00e8s que votre produit n\u00e9cessite plusieurs vues par couleur : face avant et dos d\u2019un t-shirt, d\u00e9tail du tissu, v\u00eatement port\u00e9, produit ouvert et ferm\u00e9. \u00c0 ce moment-l\u00e0, vous avez deux mauvaises options et aucune bonne.<\/p>\n<h3>Option A : tout mettre dans la galerie du parent<\/h3>\n<p>Vous t\u00e9l\u00e9versez les trente photos \u2014cinq couleurs pour six vues\u2014 dans la galerie du produit. Le client qui veut voir le bleu doit passer devant vingt-quatre images qui ne l\u2019int\u00e9ressent pas. Sur mobile, o\u00f9 arrive plus de la moiti\u00e9 de votre trafic, c\u2019est un carrousel infini que personne ne termine.<\/p>\n<p>En plus, cela p\u00e9nalise la vitesse : vous chargez trente images alors que le visiteur n\u2019en regardera que six.<\/p>\n<h3>Option B : cr\u00e9er un produit par couleur<\/h3>\n<p>Vous multipliez les fiches et avec elles le travail : chaque changement de prix, de stock ou de description doit \u00eatre fait cinq fois. Et vous fragmentez les avis et l\u2019autorit\u00e9 de la page entre cinq URL qui se concurrencent entre elles sur Google.<\/p>\n<p>C\u2019est la solution que la plupart des gens finissent par adopter, et celle qui co\u00fbte le plus cher \u00e0 moyen terme.<\/p>\n<h2>Pourquoi le probl\u00e8me appara\u00eet en cours de projet<\/h2>\n<p>Presque personne ne d\u00e9tecte cela lors de la mise en place de la boutique. On le d\u00e9couvre quand le catalogue grandit, ou quand arrive un produit avec six finitions, ou quand le client demande pourquoi il ne voit pas l\u2019arri\u00e8re du mod\u00e8le qu\u2019il a choisi.<\/p>\n<p>\u00c0 ce moment-l\u00e0, la structure est d\u00e9j\u00e0 en place, et changer d\u2019approche signifie refaire les fiches. C\u2019est pourquoi il vaut mieux d\u00e9cider avant : si votre catalogue comporte des variations visuelles, vous aurez t\u00f4t ou tard besoin d\u2019une galerie par variation.<\/p>\n<ul>\n<li>Textile et mode : presque toujours, car chaque couleur n\u00e9cessite une vue de face, de dos et un d\u00e9tail.<\/li>\n<li>Mobilier et d\u00e9coration : le m\u00eame meuble en trois finitions est, visuellement, trois produits.<\/li>\n<li>Cosm\u00e9tique et parfumerie : emballage, texture et r\u00e9sultat changent selon la variante.<\/li>\n<li>Mat\u00e9riel technique : chaque mesure ou finition a ses propres photos de d\u00e9tail.<\/li>\n<\/ul>\n<h2>\u00c0 quoi devrait ressembler une galerie par variation bien con\u00e7ue<\/h2>\n<p>Il ne suffit pas de \u00ab changer la photo \u00bb. Voici les conditions qui s\u00e9parent une solution qui fonctionne d\u2019un simple bricolage :<\/p>\n<table style=\"width: 100%;border-collapse: collapse\">\n<tbody>\n<tr>\n<td style=\"width: 200px;padding: 11px 12px;font-size: 13px;font-weight: bold;color: #017cba;vertical-align: top\">Galerie compl\u00e8te par variante<\/td>\n<td style=\"padding: 11px 12px;font-size: 13px;line-height: 1.6;color: #335066;vertical-align: top\">Lorsqu\u2019une variation est s\u00e9lectionn\u00e9e, toute la galerie est remplac\u00e9e, pas seulement l\u2019image mise en avant. Le client voit les photos de sa couleur et aucune autre.<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 200px;padding: 11px 12px;font-size: 13px;font-weight: bold;color: #017cba;vertical-align: top\">Sans rechargement de page<\/td>\n<td style=\"padding: 11px 12px;font-size: 13px;line-height: 1.6;color: #335066;vertical-align: top\">Le changement est instantan\u00e9. Si la fiche clignote ou revient au d\u00e9but, l\u2019exp\u00e9rience se casse pr\u00e9cis\u00e9ment au moment de la d\u00e9cision.<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 200px;padding: 11px 12px;font-size: 13px;font-weight: bold;color: #017cba;vertical-align: top\">Miniatures et zoom coh\u00e9rents<\/td>\n<td style=\"padding: 11px 12px;font-size: 13px;line-height: 1.6;color: #335066;vertical-align: top\">Les miniatures, le zoom et la lightbox doivent refl\u00e9ter la variation active. C\u2019est l\u00e0 que la plupart des solutions improvis\u00e9es \u00e9chouent.<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 200px;padding: 11px 12px;font-size: 13px;font-weight: bold;color: #017cba;vertical-align: top\">Chargement \u00e0 la demande<\/td>\n<td style=\"padding: 11px 12px;font-size: 13px;line-height: 1.6;color: #335066;vertical-align: top\">Seules les images de la variation affich\u00e9e sont charg\u00e9es. Ni la vitesse ni la consommation de donn\u00e9es du mobile ne devraient payer pour tout le catalogue.<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 200px;padding: 11px 12px;font-size: 13px;font-weight: bold;color: #017cba;vertical-align: top\">Compatible avec votre th\u00e8me<\/td>\n<td style=\"padding: 11px 12px;font-size: 13px;line-height: 1.6;color: #335066;vertical-align: top\">Cela doit fonctionner sur la galerie native de WooCommerce, sans la remplacer par une galerie maison qui casse \u00e0 la prochaine mise \u00e0 jour.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2>Comment EHERO Woo Variation Gallery le r\u00e9sout<\/h2>\n<p><a href=\"https:\/\/consultoriaehero.com\/fr\/produit\/ehero-woo-variation-gallery-plusieurs-images-par-variante-dans-woocommerce\/\">EHERO Woo Variation Gallery<\/a> ajoute \u00e0 chaque variation sa propre galerie d\u2019images, avec le nombre de photos dont vous avez besoin. Elles s\u2019assignent depuis le m\u00eame \u00e9cran des variations de WooCommerce, sans toucher au code ni changer de mod\u00e8le.<\/p>\n<p>Lorsqu\u2019une variation est s\u00e9lectionn\u00e9e, la galerie compl\u00e8te est remplac\u00e9e instantan\u00e9ment : image principale, miniatures et zoom. Le reste de la fiche \u2014prix, stock, description, avis\u2014 reste celui d\u2019un seul produit, comme il se doit.<\/p>\n<h3>Comment cela s\u2019int\u00e8gre aux s\u00e9lecteurs visuels<\/h3>\n<p>La galerie r\u00e9sout <em>ce que voit<\/em> le client ; les s\u00e9lecteurs r\u00e9solvent <em>comment il choisit<\/em>. Si vos variations sont des couleurs ou des mat\u00e9riaux, remplacer la liste d\u00e9roulante par des \u00e9chantillons visuels avec <a href=\"https:\/\/consultoriaehero.com\/fr\/produit\/ehero-woo-swatches-echantillons-visuels-pour-les-variations-de-woocommerce\/\">EHERO Woo Swatches<\/a> compl\u00e8te l\u2019exp\u00e9rience : le client voit la couleur, clique dessus et toute la galerie change pour cette couleur.<\/p>\n<p>Ce sont deux \u00e9l\u00e9ments distincts qui fonctionnent s\u00e9par\u00e9ment, mais ensemble ils transforment une fiche de variations en quelque chose qui ressemble \u00e0 une boutique de marque.<\/p>\n<ul>\n<li>Autant d\u2019images par variation que vous voulez, pas une seule.<\/li>\n<li>Remplacement de la galerie compl\u00e8te, pas seulement de l\u2019image mise en avant.<\/li>\n<li>Miniatures, zoom et lightbox synchronis\u00e9s avec la variante active.<\/li>\n<li>Chargement \u00e0 la demande pour ne pas p\u00e9naliser la vitesse.<\/li>\n<li>Fonctionne sur la galerie native de WooCommerce et respecte votre th\u00e8me.<\/li>\n<\/ul>\n<h2>Ce que vous perdez tant que vous vivez avec le probl\u00e8me<\/h2>\n<p>Il est facile de remettre cela \u00e0 plus tard parce que rien ne casse : la boutique fonctionne, les commandes arrivent et personne n\u2019\u00e9crit pour se plaindre des photos. Le co\u00fbt est silencieux, et c\u2019est pour cela qu\u2019il est sous-estim\u00e9.<\/p>\n<p>Le client qui ne trouve pas la vue qu\u2019il cherche ne proteste pas : il s\u2019en va. Et il ne part pas parce que votre produit ne lui pla\u00eet pas, mais parce qu\u2019il n\u2019a pas pu le voir correctement. Dans les cat\u00e9gories o\u00f9 l\u2019apparence d\u00e9cide de l\u2019achat \u2014mode, d\u00e9coration, cosm\u00e9tique\u2014 cette diff\u00e9rence emporte une partie des ventes qui n\u2019appara\u00eet jamais dans aucune statistique.<\/p>\n<p>Il y a aussi un effet de second ordre : les retours. Lorsque le client ach\u00e8te avec une id\u00e9e approximative de la couleur parce qu\u2019il n\u2019a pas pu la voir correctement, la probabilit\u00e9 que le produit ne corresponde pas \u00e0 ce qu\u2019il attendait augmente. Et un retour co\u00fbte l\u2019exp\u00e9dition aller, le retour, la v\u00e9rification de l\u2019article et, souvent, le client.<\/p>\n<h2>Comment v\u00e9rifier si cela vous affecte<\/h2>\n<p>Avant d\u2019investir pour le r\u00e9soudre, mesurez. Vous avez trois signaux faciles \u00e0 observer sans outils sp\u00e9ciaux :<\/p>\n<ul>\n<li><strong>Comparez le taux de conversion<\/strong> de vos produits avec variations \u00e0 celui des produits simples. Si les produits \u00e0 variations convertissent nettement moins bien et que le prix est similaire, la fiche est suspecte.<\/li>\n<li><strong>Regardez le temps pass\u00e9 sur la page<\/strong> des fiches avec beaucoup de photos. Un temps \u00e9lev\u00e9 avec une faible conversion signifie souvent que le client cherche quelque chose et ne le trouve pas.<\/li>\n<li><strong>V\u00e9rifiez les retours pour \u00ab ce n\u2019\u00e9tait pas ce que j\u2019attendais \u00bb<\/strong>. S\u2019ils se concentrent sur les produits avec variations de couleur, le probl\u00e8me vient de ce qui est vu avant l\u2019achat.<\/li>\n<\/ul>\n<p>Aucun des trois n\u2019est concluant \u00e0 lui seul. Les trois ensemble, pointant dans la m\u00eame direction, oui.<\/p>\n<h2>Questions fr\u00e9quentes<\/h2>\n<p><strong>Puis-je mettre plusieurs images par variation sans plugin ?<\/strong><\/p>\n<p>Pas avec WooCommerce de base : le syst\u00e8me n\u2019admet qu\u2019une seule image par variation. On peut obtenir quelque chose de similaire en programmant sur les hooks de la galerie, mais c\u2019est un travail sur mesure qu\u2019il faut maintenir \u00e0 chaque mise \u00e0 jour de WooCommerce et du th\u00e8me.<\/p>\n<p><strong>Est-ce que cela ralentit la fiche produit ?<\/strong><\/p>\n<p>Non si la solution charge les images \u00e0 la demande. En fait, c\u2019est souvent plus rapide que l\u2019alternative habituelle, qui consiste \u00e0 mettre toutes les photos de toutes les couleurs dans la galerie du parent et \u00e0 les charger syst\u00e9matiquement.<\/p>\n<p><strong>Est-ce compatible avec n\u2019importe quel th\u00e8me ?<\/strong><\/p>\n<p>Cela fonctionne sur la galerie native de WooCommerce, donc avec les th\u00e8mes qui la respectent. Les th\u00e8mes qui remplacent la galerie par une galerie propre n\u00e9cessitent une v\u00e9rification pr\u00e9alable ; si vous avez un doute, demandez-nous avant d\u2019acheter.<\/p>\n<p><strong>Et si une couleur n\u2019a pas ses propres photos ?<\/strong><\/p>\n<p>La galerie du produit parent s\u2019affiche. Elle ne reste pas vide et n\u2019oblige pas \u00e0 t\u00e9l\u00e9verser des images pour toutes les variations d\u00e8s le premier jour : vous pouvez la compl\u00e9ter progressivement.<\/p>\n<p><strong>Est-ce que le SEO est affect\u00e9 si l\u2019on a une seule fiche au lieu d\u2019une par couleur ?<\/strong><\/p>\n<p>Au contraire, cela l\u2019avantage. Une fiche concentre les liens, les avis et l\u2019autorit\u00e9 sur une seule URL, au lieu de les r\u00e9partir entre cinq pages presque identiques qui se concurrencent en plus dans les r\u00e9sultats.<\/p>\n<h2>Conclusion<\/h2>\n<p>Le fait que WooCommerce ne change pas la galerie lors du choix d\u2019une variation n\u2019est pas un bug de votre boutique : c\u2019est une limitation du syst\u00e8me qui se remarque justement quand le catalogue commence \u00e0 grandir. Vous pouvez vivre avec en mettant toutes les photos ensemble, dupliquer les fiches par couleur et payer le prix en maintenance, ou donner \u00e0 chaque variation sa propre galerie. Si la troisi\u00e8me option vous int\u00e9resse, vous avez les d\u00e9tails et une d\u00e9monstration sur la page du <a href=\"https:\/\/consultoriaehero.com\/fr\/plusieurs-images-par-variante-dans-woocommerce-ehero-woo-variation-gallery\/\">plugin de galerie par variante pour WooCommerce<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>C\u2019est l\u2019une des frustrations les plus fr\u00e9quentes de ceux qui montent une boutique avec des produits en plusieurs couleurs ou finitions : le client choisit \u00ab bleu marine \u00bb et la fiche continue d\u2019afficher la photo du gris. Ou pire : l\u2019image principale change, mais la galerie en dessous reste avec les photos de la [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_jf_save_progress":"","rank_math_focus_keyword":"WooCommerce no cambia la imagen de la variaci\u00f3n, imagen por variaci\u00f3n WooCommerce, galer\u00eda por variante WooCommerce, cambiar imagen al seleccionar variaci\u00f3n","rank_math_title":"WooCommerce ne change pas l\u2019image de la variation : solution","rank_math_description":"Si WooCommerce ne change pas l\u2019image lors de la s\u00e9lection d\u2019une variation, ou n\u2019en change qu\u2019une seule, voici pourquoi cela se produit et comment afficher une galerie compl\u00e8te par variante.","rank_math_robots":[],"rank_math_canonical_url":"","rank_math_seo_score":54,"footnotes":""},"categories":[5080,34,5088],"tags":[],"class_list":["post-10389","post","type-post","status-publish","format-standard","hentry","category-commerce-electronique","category-marketing-digital","category-wordpress-fr"],"acf":[],"_links":{"self":[{"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/posts\/10389","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/comments?post=10389"}],"version-history":[{"count":1,"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/posts\/10389\/revisions"}],"predecessor-version":[{"id":10390,"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/posts\/10389\/revisions\/10390"}],"wp:attachment":[{"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/media?parent=10389"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/categories?post=10389"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/tags?post=10389"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}