{"id":10399,"date":"2026-08-02T11:08:03","date_gmt":"2026-08-02T09:08:03","guid":{"rendered":"https:\/\/consultoriaehero.com\/?p=10399"},"modified":"2026-08-02T11:08:03","modified_gmt":"2026-08-02T09:08:03","slug":"woocommerce-no-canvia-la-imatge-en-triar-una-variacio-per-que-passa","status":"publish","type":"post","link":"https:\/\/consultoriaehero.com\/ca\/woocommerce-no-canvia-la-imatge-en-triar-una-variacio-per-que-passa\/","title":{"rendered":"WooCommerce no canvia la imatge en triar una variaci\u00f3: per qu\u00e8 passa"},"content":{"rendered":"<p>\u00c9s una de les frustracions m\u00e9s repetides de qui munta una botiga amb productes en diversos colors o acabats: el client tria \u00abblau mar\u00ed\u00bb i la fitxa continua ensenyant la foto del gris. O pitjor: canvia la imatge principal, per\u00f2 la galeria de sota es queda amb les fotos del color anterior. No est\u00e0s fent res malament \u2014<strong>WooCommerce funciona aix\u00ed de f\u00e0brica<\/strong>\u2014 i val la pena entendre per qu\u00e8 abans de buscar una soluci\u00f3.<\/p>\n<h2>Qu\u00e8 fa realment WooCommerce amb les imatges de variaci\u00f3<\/h2>\n<p>WooCommerce permet assignar <strong>una sola imatge<\/strong> a cada variaci\u00f3. Una. Quan el client selecciona una combinaci\u00f3 d&#8217;atributs, el sistema substitueix la imatge destacada per aquesta \u00fanica foto i deixa la galeria del producte pare intacta.<\/p>\n<p>Aix\u00f2 funciona raonablement b\u00e9 si vens alguna cosa on una foto n&#8217;hi ha prou. Deixa de funcionar tan bon punt el teu producte necessita diverses vistes per color: frontal i posterior d&#8217;una samarreta, detall del teixit, la pe\u00e7a posada, el producte obert i tancat. En aquell moment tens dues males opcions i cap de bona.<\/p>\n<h3>Opci\u00f3 A: posar-ho tot a la galeria del pare<\/h3>\n<p>Puges les trenta fotos \u2014cinc colors per sis vistes\u2014 a la galeria del producte. El client que vol veure el blau ha de passar per davant de vint-i-quatre imatges que no l&#8217;interessen. En m\u00f2bil, on arriba m\u00e9s de la meitat del teu tr\u00e0nsit, aix\u00f2 \u00e9s un carrusel infinit que ning\u00fa no acaba.<\/p>\n<p>A m\u00e9s penalitza la velocitat: est\u00e0s carregant trenta imatges quan el visitant nom\u00e9s en mirar\u00e0 sis.<\/p>\n<h3>Opci\u00f3 B: crear un producte per color<\/h3>\n<p>Multipliques les fitxes i amb elles la feina: cada canvi de preu, d&#8217;estoc o de descripci\u00f3 s&#8217;ha de fer cinc vegades. I fragmentes les ressenyes i l&#8217;autoritat de la p\u00e0gina entre cinc URL que competeixen entre si a Google.<\/p>\n<p>\u00c9s la soluci\u00f3 que m\u00e9s gent acaba adoptant, i la que surt m\u00e9s cara a mitj\u00e0 termini.<\/p>\n<h2>Per qu\u00e8 el problema apareix a mig projecte<\/h2>\n<p>Gaireb\u00e9 ning\u00fa no detecta aix\u00f2 en muntar la botiga. Es detecta quan el cat\u00e0leg creix, o quan entra un producte amb sis acabats, o quan el client pregunta per qu\u00e8 no veu el revers del model que ha triat.<\/p>\n<p>Per aleshores ja tens l&#8217;estructura muntada, i canviar d&#8217;enfocament significa refer fitxes. Per aix\u00f2 conv\u00e9 decidir-ho abans: si el teu cat\u00e0leg t\u00e9 variacions visuals, necessitar\u00e0s una galeria per variaci\u00f3 tard o d&#8217;hora.<\/p>\n<ul>\n<li>T\u00e8xtil i moda: gaireb\u00e9 sempre, perqu\u00e8 cada color necessita frontal, posterior i detall.<\/li>\n<li>Mobiliari i decoraci\u00f3: el mateix moble en tres acabats \u00e9s, visualment, tres productes.<\/li>\n<li>Cosm\u00e8tica i perfumeria: env\u00e0s, textura i resultat canvien per variant.<\/li>\n<li>Material t\u00e8cnic: cada mida o acabat t\u00e9 les seves pr\u00f2pies fotos de detall.<\/li>\n<\/ul>\n<h2>Qu\u00e8 hauria de fer una galeria per variaci\u00f3 ben resolta<\/h2>\n<p>No n&#8217;hi ha prou amb \u00abcanviar la foto\u00bb. Aquestes s\u00f3n les condicions que separen una soluci\u00f3 que funciona d&#8217;un peda\u00e7:<\/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\">Galeria completa per variant<\/td>\n<td style=\"padding: 11px 12px;font-size: 13px;line-height: 1.6;color: #335066;vertical-align: top\">En seleccionar una variaci\u00f3 se substitueix la galeria sencera, no nom\u00e9s la imatge destacada. El client veu les fotos del seu color i cap m\u00e9s.<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 200px;padding: 11px 12px;font-size: 13px;font-weight: bold;color: #017cba;vertical-align: top\">Sense recarregar la p\u00e0gina<\/td>\n<td style=\"padding: 11px 12px;font-size: 13px;line-height: 1.6;color: #335066;vertical-align: top\">El canvi \u00e9s instantani. Si la fitxa parpelleja o salta al principi, l&#8217;experi\u00e8ncia es trenca just en el moment de decidir.<\/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 i zoom coherents<\/td>\n<td style=\"padding: 11px 12px;font-size: 13px;line-height: 1.6;color: #335066;vertical-align: top\">Les miniatures, el zoom i el lightbox han de reflectir la variaci\u00f3 activa. \u00c9s on fallen la majoria de solucions improvisades.<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 200px;padding: 11px 12px;font-size: 13px;font-weight: bold;color: #017cba;vertical-align: top\">C\u00e0rrega sota demanda<\/td>\n<td style=\"padding: 11px 12px;font-size: 13px;line-height: 1.6;color: #335066;vertical-align: top\">Nom\u00e9s es carreguen les imatges de la variaci\u00f3 que s&#8217;est\u00e0 veient. Ni la velocitat ni el consum de dades del m\u00f2bil haurien de pagar el cat\u00e0leg sencer.<\/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 amb el teu tema<\/td>\n<td style=\"padding: 11px 12px;font-size: 13px;line-height: 1.6;color: #335066;vertical-align: top\">Ha de funcionar sobre la galeria nativa de WooCommerce, no substituir-la per una pr\u00f2pia que es trenqui amb la seg\u00fcent actualitzaci\u00f3.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2>Com ho resol EHERO Woo Variation Gallery<\/h2>\n<p><a href=\"https:\/\/consultoriaehero.com\/ca\/producte\/ehero-woo-variation-gallery-diverses-imatges-per-variant-a-woocommerce\/\">EHERO Woo Variation Gallery<\/a> afegeix a cada variaci\u00f3 la seva pr\u00f2pia galeria d&#8217;imatges, amb el nombre de fotos que necessitis. S&#8217;assignen des de la mateixa pantalla de variacions de WooCommerce, sense tocar codi ni canviar de plantilla.<\/p>\n<p>En seleccionar una variaci\u00f3, la galeria completa se substitueix a l&#8217;instant: imatge principal, miniatures i zoom. La resta de la fitxa \u2014preu, estoc, descripci\u00f3, ressenyes\u2014 continua sent la d&#8217;un \u00fanic producte, que \u00e9s com ha de ser.<\/p>\n<h3>Com encaixa amb els selectors visuals<\/h3>\n<p>La galeria resol <em>qu\u00e8 veu<\/em> el client; els selectors resolen <em>com tria<\/em>. Si les teves variacions s\u00f3n colors o materials, substituir el desplegable per mostres visuals amb <a href=\"https:\/\/consultoriaehero.com\/ca\/producte\/ehero-woo-swatches-mostres-visuals-per-a-variacions-de-woocommerce\/\">EHERO Woo Swatches<\/a> completa l&#8217;experi\u00e8ncia: el client veu el color, el prem i tota la galeria canvia a aquest color.<\/p>\n<p>S\u00f3n dues peces diferents i funcionen per separat, per\u00f2 juntes converteixen una fitxa de variacions en una cosa semblant a una botiga de marca.<\/p>\n<ul>\n<li>Tantes imatges per variaci\u00f3 com vulguis, no una.<\/li>\n<li>Substituci\u00f3 de la galeria completa, no nom\u00e9s de la destacada.<\/li>\n<li>Miniatures, zoom i lightbox sincronitzats amb la variant activa.<\/li>\n<li>C\u00e0rrega sota demanda per no penalitzar la velocitat.<\/li>\n<li>Funciona sobre la galeria nativa de WooCommerce i respecta el teu tema.<\/li>\n<\/ul>\n<h2>Qu\u00e8 perds mentre convius amb el problema<\/h2>\n<p>\u00c9s f\u00e0cil ajornar aix\u00f2 perqu\u00e8 no trenca res: la botiga funciona, les comandes entren i ning\u00fa no escriu per queixar-se de les fotos. El cost \u00e9s silenci\u00f3s i per aix\u00f2 se subestima.<\/p>\n<p>El client que no troba la vista que busca no protesta: se&#8217;n va. I no se&#8217;n va perqu\u00e8 el teu producte no li agradi, sin\u00f3 perqu\u00e8 no ha arribat a veure&#8217;l b\u00e9. En categories on l&#8217;aspecte decideix la compra \u2014moda, decoraci\u00f3, cosm\u00e8tica\u2014 aquesta difer\u00e8ncia s&#8217;end\u00fa una part de les vendes que no apareix en cap estad\u00edstica.<\/p>\n<p>Hi ha, a m\u00e9s, un efecte de segon ordre: les devolucions. Quan el client compra amb una idea aproximada del color perqu\u00e8 no el va poder veure b\u00e9, la probabilitat que el producte no coincideixi amb el que esperava puja. I una devoluci\u00f3 costa l&#8217;enviament d&#8217;anada, el de tornada, la revisi\u00f3 de l&#8217;article i, moltes vegades, el client.<\/p>\n<h2>Com comprovar si t&#8217;est\u00e0 afectant<\/h2>\n<p>Abans d&#8217;invertir a resoldre-ho, mesura. Tens tres senyals f\u00e0cils de mirar sense eines especials:<\/p>\n<ul>\n<li><strong>Compara la conversi\u00f3<\/strong> dels teus productes amb variacions davant dels productes simples. Si els de variacions converteixen clarament pitjor i el preu \u00e9s semblant, la fitxa \u00e9s sospitosa.<\/li>\n<li><strong>Mira el temps a la p\u00e0gina<\/strong> de les fitxes amb moltes fotos. Un temps alt amb conversi\u00f3 baixa sol significar que el client busca alguna cosa i no la troba.<\/li>\n<li><strong>Revisa les devolucions per \u00abno era el que esperava\u00bb<\/strong>. Si es concentren en productes amb variacions de color, el problema \u00e9s en el que es veu abans de comprar.<\/li>\n<\/ul>\n<p>Cap de les tres no \u00e9s concloent per separat. Les tres alhora apuntant en la mateixa direcci\u00f3, s\u00ed.<\/p>\n<h2>Preguntes freq\u00fcents<\/h2>\n<p><strong>Puc posar diverses imatges per variaci\u00f3 sense plugin?<\/strong><\/p>\n<p>No amb WooCommerce de s\u00e8rie: el sistema admet una sola imatge per variaci\u00f3. Es pot aconseguir una cosa semblant programant sobre els hooks de la galeria, per\u00f2 \u00e9s feina a mida que cal mantenir amb cada actualitzaci\u00f3 de WooCommerce i del tema.<\/p>\n<p><strong>Alenteix la fitxa de producte?<\/strong><\/p>\n<p>No si la soluci\u00f3 carrega les imatges sota demanda. De fet, acostuma a ser m\u00e9s r\u00e0pid que l&#8217;alternativa habitual, que \u00e9s posar totes les fotos de tots els colors a la galeria del pare i carregar-les sempre.<\/p>\n<p><strong>Funciona amb qualsevol tema?<\/strong><\/p>\n<p>Treballa sobre la galeria nativa de WooCommerce, aix\u00ed que funciona amb els temes que la respecten. Els temes que substitueixen la galeria per una pr\u00f2pia requereixen comprovaci\u00f3 pr\u00e8via; si tens dubtes, pregunta&#8217;ns abans de comprar.<\/p>\n<p><strong>I si un color no t\u00e9 fotos pr\u00f2pies?<\/strong><\/p>\n<p>Es mostra la galeria del producte pare. No queda en blanc ni obliga a pujar imatges per a totes les variacions des del primer dia: ho pots anar completant a poc a poc.<\/p>\n<p><strong>Afecta el SEO tenir una sola fitxa en lloc d&#8217;una per color?<\/strong><\/p>\n<p>El beneficia. Una fitxa concentra enlla\u00e7os, ressenyes i autoritat en una URL, en lloc de repartir-los entre cinc p\u00e0gines gaireb\u00e9 id\u00e8ntiques que, a m\u00e9s, competeixen entre si als resultats.<\/p>\n<h2>Conclusi\u00f3<\/h2>\n<p>Que WooCommerce no canvi\u00ef la galeria en triar una variaci\u00f3 no \u00e9s una fallada de la teva botiga: \u00e9s una limitaci\u00f3 del sistema que es nota just quan el cat\u00e0leg comen\u00e7a a cr\u00e9ixer. Pots conviure-hi posant totes les fotos juntes, duplicar fitxes per color i pagar el preu en manteniment, o donar a cada variaci\u00f3 la seva pr\u00f2pia galeria. Si t&#8217;interessa el tercer, tens els detalls i una demostraci\u00f3 a la p\u00e0gina del <a href=\"https:\/\/consultoriaehero.com\/ca\/diverses-imatges-per-variant-a-woocommerce-ehero-woo-variation-gallery\/\">plugin de galeria per variant per a WooCommerce<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00c9s una de les frustracions m\u00e9s repetides de qui munta una botiga amb productes en diversos colors o acabats: el client tria \u00abblau mar\u00ed\u00bb i la fitxa continua ensenyant la foto del gris. O pitjor: canvia la imatge principal, per\u00f2 la galeria de sota es queda amb les fotos del color anterior. No est\u00e0s fent [&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 no canvia la imatge de la variaci\u00f3: soluci\u00f3","rank_math_description":"Si WooCommerce no canvia la imatge en triar una variaci\u00f3, o nom\u00e9s en canvia una, aqu\u00ed tens per qu\u00e8 passa i com mostrar una galeria completa per variant.","rank_math_robots":[],"rank_math_canonical_url":"","rank_math_seo_score":54,"footnotes":""},"categories":[5083,34,5091],"tags":[],"class_list":["post-10399","post","type-post","status-publish","format-standard","hentry","category-comerc-electronic","category-marketing-digital","category-wordpress-ca"],"acf":[],"_links":{"self":[{"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/posts\/10399","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=10399"}],"version-history":[{"count":1,"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/posts\/10399\/revisions"}],"predecessor-version":[{"id":10400,"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/posts\/10399\/revisions\/10400"}],"wp:attachment":[{"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/media?parent=10399"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/categories?post=10399"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/tags?post=10399"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}