És una de les frustracions més repetides de qui munta una botiga amb productes en diversos colors o acabats: el client tria «blau marí» i la fitxa continua ensenyant la foto del gris. O pitjor: canvia la imatge principal, però la galeria de sota es queda amb les fotos del color anterior. No estàs fent res malament —WooCommerce funciona així de fàbrica— i val la pena entendre per què abans de buscar una solució.

Què fa realment WooCommerce amb les imatges de variació

WooCommerce permet assignar una sola imatge a cada variació. Una. Quan el client selecciona una combinació d’atributs, el sistema substitueix la imatge destacada per aquesta única foto i deixa la galeria del producte pare intacta.

Això funciona raonablement bé si vens alguna cosa on una foto n’hi ha prou. Deixa de funcionar tan bon punt el teu producte necessita diverses vistes per color: frontal i posterior d’una samarreta, detall del teixit, la peça posada, el producte obert i tancat. En aquell moment tens dues males opcions i cap de bona.

Opció A: posar-ho tot a la galeria del pare

Puges les trenta fotos —cinc colors per sis vistes— 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’interessen. En mòbil, on arriba més de la meitat del teu trànsit, això és un carrusel infinit que ningú no acaba.

A més penalitza la velocitat: estàs carregant trenta imatges quan el visitant només en mirarà sis.

Opció B: crear un producte per color

Multipliques les fitxes i amb elles la feina: cada canvi de preu, d’estoc o de descripció s’ha de fer cinc vegades. I fragmentes les ressenyes i l’autoritat de la pàgina entre cinc URL que competeixen entre si a Google.

És la solució que més gent acaba adoptant, i la que surt més cara a mitjà termini.

Per què el problema apareix a mig projecte

Gairebé ningú no detecta això en muntar la botiga. Es detecta quan el catàleg creix, o quan entra un producte amb sis acabats, o quan el client pregunta per què no veu el revers del model que ha triat.

Per aleshores ja tens l’estructura muntada, i canviar d’enfocament significa refer fitxes. Per això convé decidir-ho abans: si el teu catàleg té variacions visuals, necessitaràs una galeria per variació tard o d’hora.

• Tèxtil i moda: gairebé sempre, perquè cada color necessita frontal, posterior i detall.
• Mobiliari i decoració: el mateix moble en tres acabats és, visualment, tres productes.
• Cosmètica i perfumeria: envàs, textura i resultat canvien per variant.
• Material tècnic: cada mida o acabat té les seves pròpies fotos de detall.

Què hauria de fer una galeria per variació ben resolta

No n’hi ha prou amb «canviar la foto». Aquestes són les condicions que separen una solució que funciona d’un pedaç:

Galeria completa per variant	En seleccionar una variació se substitueix la galeria sencera, no només la imatge destacada. El client veu les fotos del seu color i cap més.
Sense recarregar la pàgina	El canvi és instantani. Si la fitxa parpelleja o salta al principi, l’experiència es trenca just en el moment de decidir.
Miniatures i zoom coherents	Les miniatures, el zoom i el lightbox han de reflectir la variació activa. És on fallen la majoria de solucions improvisades.
Càrrega sota demanda	Només es carreguen les imatges de la variació que s’està veient. Ni la velocitat ni el consum de dades del mòbil haurien de pagar el catàleg sencer.
Compatible amb el teu tema	Ha de funcionar sobre la galeria nativa de WooCommerce, no substituir-la per una pròpia que es trenqui amb la següent actualització.

Com ho resol EHERO Woo Variation Gallery

EHERO Woo Variation Gallery afegeix a cada variació la seva pròpia galeria d’imatges, amb el nombre de fotos que necessitis. S’assignen des de la mateixa pantalla de variacions de WooCommerce, sense tocar codi ni canviar de plantilla.

En seleccionar una variació, la galeria completa se substitueix a l’instant: imatge principal, miniatures i zoom. La resta de la fitxa —preu, estoc, descripció, ressenyes— continua sent la d’un únic producte, que és com ha de ser.

Com encaixa amb els selectors visuals

La galeria resol què veu el client; els selectors resolen com tria. Si les teves variacions són colors o materials, substituir el desplegable per mostres visuals amb EHERO Woo Swatches completa l’experiència: el client veu el color, el prem i tota la galeria canvia a aquest color.

Són dues peces diferents i funcionen per separat, però juntes converteixen una fitxa de variacions en una cosa semblant a una botiga de marca.

• Tantes imatges per variació com vulguis, no una.
• Substitució de la galeria completa, no només de la destacada.
• Miniatures, zoom i lightbox sincronitzats amb la variant activa.
• Càrrega sota demanda per no penalitzar la velocitat.
• Funciona sobre la galeria nativa de WooCommerce i respecta el teu tema.

Què perds mentre convius amb el problema

És fàcil ajornar això perquè no trenca res: la botiga funciona, les comandes entren i ningú no escriu per queixar-se de les fotos. El cost és silenciós i per això se subestima.

El client que no troba la vista que busca no protesta: se’n va. I no se’n va perquè el teu producte no li agradi, sinó perquè no ha arribat a veure’l bé. En categories on l’aspecte decideix la compra —moda, decoració, cosmètica— aquesta diferència s’endú una part de les vendes que no apareix en cap estadística.

Hi ha, a més, un efecte de segon ordre: les devolucions. Quan el client compra amb una idea aproximada del color perquè no el va poder veure bé, la probabilitat que el producte no coincideixi amb el que esperava puja. I una devolució costa l’enviament d’anada, el de tornada, la revisió de l’article i, moltes vegades, el client.

Com comprovar si t’està afectant

Abans d’invertir a resoldre-ho, mesura. Tens tres senyals fàcils de mirar sense eines especials:

• Compara la conversió dels teus productes amb variacions davant dels productes simples. Si els de variacions converteixen clarament pitjor i el preu és semblant, la fitxa és sospitosa.
• Mira el temps a la pàgina de les fitxes amb moltes fotos. Un temps alt amb conversió baixa sol significar que el client busca alguna cosa i no la troba.
• Revisa les devolucions per «no era el que esperava». Si es concentren en productes amb variacions de color, el problema és en el que es veu abans de comprar.

Cap de les tres no és concloent per separat. Les tres alhora apuntant en la mateixa direcció, sí.

Preguntes freqüents

Puc posar diverses imatges per variació sense plugin?

No amb WooCommerce de sèrie: el sistema admet una sola imatge per variació. Es pot aconseguir una cosa semblant programant sobre els hooks de la galeria, però és feina a mida que cal mantenir amb cada actualització de WooCommerce i del tema.

Alenteix la fitxa de producte?

No si la solució carrega les imatges sota demanda. De fet, acostuma a ser més ràpid que l’alternativa habitual, que és posar totes les fotos de tots els colors a la galeria del pare i carregar-les sempre.

Funciona amb qualsevol tema?

Treballa sobre la galeria nativa de WooCommerce, així que funciona amb els temes que la respecten. Els temes que substitueixen la galeria per una pròpia requereixen comprovació prèvia; si tens dubtes, pregunta’ns abans de comprar.

I si un color no té fotos pròpies?

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.

Afecta el SEO tenir una sola fitxa en lloc d’una per color?

El beneficia. Una fitxa concentra enllaços, ressenyes i autoritat en una URL, en lloc de repartir-los entre cinc pàgines gairebé idèntiques que, a més, competeixen entre si als resultats.

Conclusió

Que WooCommerce no canviï la galeria en triar una variació no és una fallada de la teva botiga: és una limitació del sistema que es nota just quan el catàleg comença a créixer. Pots conviure-hi posant totes les fotos juntes, duplicar fitxes per color i pagar el preu en manteniment, o donar a cada variació la seva pròpia galeria. Si t’interessa el tercer, tens els detalls i una demostració a la pàgina del plugin de galeria per variant per a WooCommerce.