Diverses imatges per variant a WooCommerce | EHERO Woo Variation Gallery

Plugin de galeria per a WooCommerce

Diverses imatges per variant a WooCommerce

WooCommerce només deixa assignar una foto a cada variació. EHERO Woo Variation Gallery dona a cada variant la seva pròpia galeria completa: en triar color o talla, la fitxa mostra només aquestes imatges i amaga la resta. Sense duplicar productes i sense tocar codi.

Comprar per 49,99 €/any
Veure la botiga

Diverses imatges per variant a WooCommerce: icona del plugin EHERO Woo Variation Gallery

Així funciona

La seqüència és la que el teu client ja espera trobar en qualsevol botiga gran. Entra a la fitxa d’una samarreta variable i veu la galeria general del producte. En el moment que tria el color «verd oliva» o la talla L, la galeria es refà a l’instant: apareixen només les fotos d’aquella variant —el frontal, l’esquena, el detall del teixit, la foto sobre model— i desapareixen les dels altres colors. Si aquella variant té un vídeo o una seqüència 360°, entren a la mateixa galeria com una diapositiva més.

Tot passa sense recarregar la pàgina i sense que hagis escrit ni una línia de JavaScript: el plugin escolta l’esdeveniment de canvi de variació de WooCommerce, filtra els adjunts i repinta les miniatures amb una transició de fosa.

I quan aquest client afegeix el producte al carret, la miniatura que veu al carret i a la comanda és la de la seva variant, no la foto genèrica del producte pare. Aquest detall evita bona part dels correus de «crec que m’heu enviat el color equivocat».

WooCommerce només permet una imatge per variació, i els teus clients ho noten

Obre qualsevol producte variable de la teva botiga, desplega una variació i mira el requadre d’imatge: hi ha espai per a una foto. Una. És una limitació del nucli de WooCommerce des de sempre i no té res a veure amb el teu tema ni amb el teu maquetador. El resultat és que un vestit disponible en cinc colors ensenya una miniatura per color i, a partir d’aquí, una galeria comuna on es barregen totes les variants.

El client que ha triat el blau marí acaba desplaçant-se per fotos del vermell i del beix, intentant endevinar quina correspon al que comprarà. Quan el dubte no es resol a la fitxa, es resol fora: tancant la pestanya. En productes on l’aspecte és la decisió de compra —moda, calçat, decoració, mobiliari, joieria, cosmètica— aquesta confusió visual es paga primer en conversió i després en devolucions.

Les alternatives casolanes solen ser pitjors que el problema. La més comuna és duplicar el producte: una fitxa per color perquè cadascuna tingui la seva galeria. En dues setmanes tens el catàleg inflat, l’estoc repartit entre fitxes que ningú recorda actualitzar, les ressenyes fragmentades en cinc URLs i contingut gairebé idèntic que el teu posicionament acaba pagant. L’altra és posar totes les fotos a la galeria del producte pare i confiar que el client sàpiga distingir-les, que és justament el que no passarà.

Poder mostrar diverses imatges per variant a WooCommerce no és un caprici estètic: és tancar la distància entre el que el client tria i el que el client veu.

EHERO Woo Variation Gallery: una galeria pròpia per a cada variant

El plugin afegeix a l’editor de variacions el que WooCommerce mai no va incloure —un selector d’imatges múltiple per variació, amb portada i ordre— i, al frontal, la lògica que decideix què s’ensenya en cada moment. Això és el que canvia a la teva botiga:

Galeria il·limitada per variant

Assigna totes les fotos que vulguis a cada variació des de la pestanya Variacions. Arrossega per ordenar-les i prem l’estrella per marcar la portada. En seleccionar la variació a la fitxa, només es veuen aquestes.

Imatges per atribut, sense repetir feina

Una samarreta en 4 colors i 5 talles són 20 variacions, però només 4 jocs de fotos. Assigna les imatges al valor de l’atribut «Color» i totes les talles d’aquell color hereten la galeria. Es configura una vegada i serveix per al producte sencer.

Imatges compartides

Hi ha fotos que valen per a totes les variants: la guia de talles, la taula de mides, el detall de la costura, el certificat del material. Es marquen com a compartides i apareixen a la galeria de qualsevol variació, sense duplicar-les vint vegades.

Vídeos i visor 360°

Afegeix vídeos de YouTube, Vimeo o MP4 directe com una diapositiva més de la galeria d’aquella variant. I amb una seqüència de fotos preses en ordre de dispar, el visor 360° deixa el client girar el producte arrossegant el ratolí o el dit.

Badges i marca d’aigua

Etiquetes per variant —Nou, Oferta, Esgotat o un text propi com «-20%»— sobre la imatge. I una marca d’aigua de text configurable en posició, mida, color, fons, opacitat, rotació i ombra per protegir les teves fotos de producte.

Canvi de foto al catàleg

A la pàgina de botiga, en passar el ratolí per les variants d’un producte la miniatura canvia a la d’aquell color. El client compara des del llistat i entra a la fitxa ja decidit, en lloc d’entrar i sortir de cinc productes.

Darrere d’aquestes sis funcions hi ha una decisió de disseny important: el comportament per defecte el tries tu. Defineixes quina galeria es mostra abans que el client seleccioni res —totes les imatges, la de la primera variant o la variació predeterminada de WooCommerce—, si la imatge destacada es manté sempre visible i què passa quan una variació no té fotos pròpies.

El plugin inclou a més un panell d’estadístiques que registra quines variants miren més els teus clients. Sabràs si el color que tens a portada és realment el que atrau, o si el més mirat no coincideix amb el més venut: informació directa per decidir què fotografiar millor i quin estoc reforçar.

Com es posa en marxa (sense tocar una línia de codi)

  1. Instal·la i activa la llicència

    Puja el ZIP des de Plugins → Afegeix nou, activa’l i enganxa la teva clau de llicència. A partir d’aquí reps les actualitzacions automàtiques des del tauler de WordPress, com amb qualsevol altre plugin.

  2. Assigna les fotos a cada variant

    Edita un producte variable, ves a la pestanya Variacions, desplega una variació i prem «Seleccionar imatges». Tria les fotos de la biblioteca, arrossega-les per ordenar-les i marca la portada amb l’estrella. Repeteix-ho a les variacions que ho necessitin.

  3. Configura les dreceres

    Si el teu producte combina color i talla, assigna les imatges al valor de l’atribut «Color» al mapa d’atributs i oblida’t de repetir-les talla per talla. Marca com a compartides les fotos comunes, com la guia de talles o la taula de mides.

  4. Ajusta el comportament i publica

    A Configuració decideixes la galeria inicial, la transició, si actives vídeos, 360°, badges o marca d’aigua, i si la miniatura canvia al catàleg. Desa, obre la fitxa i comprova el resultat en dos clics.

Si la teva fitxa la construeix un maquetador com Elementor o Bricks, o un tema amb galeria pròpia, hi ha un camp per afegir els selectors CSS d’aquell contenidor i que el filtratge funcioni també allà. És el més semblant a codi que veuràs: enganxar un selector.

Per a qui és aquest plugin de galeria per variant?

Compatibilitat

EHERO Woo Variation Gallery treballa sobre el producte variable natiu de WooCommerce: no crea un tipus de producte propi ni mou les teves dades a taules paral·leles. Funciona sobre WordPress 5.8 o superior, declara compatibilitat amb HPOS —l’emmagatzematge de comandes d’alt rendiment— i està provat fins a WooCommerce 9.6.

Si desactives el plugin, els teus productes continuen funcionant: les variacions conserven la seva imatge nativa i la fitxa torna al comportament estàndard. No hi ha cap dependència tècnica que t’hi lligui.

Què inclou la teva llicència

La llicència d’EHERO Woo Variation Gallery costa 49,99 € a l’any i inclou tot el necessari per tenir diverses imatges per variant a WooCommerce funcionant des del primer dia, sense mòduls extra ni funcions de pagament a part:

Preguntes freqüents

He de duplicar productes per tenir diverses imatges per variant a WooCommerce?

No, i aquest és precisament el motiu del plugin. Continues tenint un únic producte variable, amb el seu estoc, les seves ressenyes i la seva URL. El que canvia és que cada variació pot portar una galeria completa en lloc d’una sola foto. Si ja vas duplicar productes per aquest motiu, els pots consolidar de nou en un de sol.

He d’assignar les fotos variació per variació?

Només si vols el màxim detall. El més habitual és assignar-les al valor de l’atribut: si les teves fotos depenen del color i no de la talla, configures les imatges de «Blau» una vegada i totes les talles blaves hereten aquella galeria. Per a una samarreta de 4 colors per 5 talles, això són 4 configuracions en lloc de 20.

Funciona amb el meu tema o amb el meu maquetador?

Amb els temes que fan servir la galeria estàndard de WooCommerce funciona sense configurar res. Si la fitxa la construeix Elementor, Bricks o un altre maquetador amb galeria pròpia, hi ha un camp a la configuració on afegir els selectors CSS d’aquell contenidor perquè el filtratge s’hi apliqui també.

Què passa si una variació no té imatges assignades?

Ho decideixes tu a la configuració. Pot caure primer a l’atribut —la galeria del color, per exemple— i, si tampoc no existeix, mostrar la galeria completa del producte; pot saltar-se l’atribut i anar directament a mostrar-ho tot; o pot no mostrar res més enllà del que s’ha assignat. A més, pots forçar que la imatge destacada del producte es mantingui sempre visible.

Els vídeos i el visor 360° alentiran la fitxa?

La càrrega diferida està activada per defecte, així que les imatges i els vídeos de les variacions no es descarreguen fins que calen. Els vídeos s’insereixen com a diapositiva de la galeria i el visor 360° reutilitza fotos que ja has pujat, sense biblioteques externes pesades. Tot i així, totes dues funcions es poden desactivar de manera independent si prefereixes una fitxa mínima.

L’imatge correcta arriba també al carret i a la comanda?

Sí. La miniatura del carret i de la comanda fa servir la imatge de la variació triada en lloc de la foto genèrica del producte pare. És una opció activada per defecte i redueix les incidències de clients que creuen haver rebut un article diferent del que van comprar.

Productes relacionats

Que cada variant ensenyi el que el client ha triat

Una sola foto per variació és una limitació de WooCommerce, no una decisió de la teva botiga. Posa a cada color, talla i acabat la seva pròpia galeria —amb ordre, portada, vídeo i 360°— per 49,99 € l’any, llicència per a un domini i suport en espanyol.

Comprar EHERO Woo Variation Gallery
Veure tots els plugins EHERO


Subscriu-te al nostre butlletí

Rep ofertes exclusives i novetats.

Aconsegueix un 10% de descompte en la teva primera comanda!