{"id":10448,"date":"2026-08-02T11:16:33","date_gmt":"2026-08-02T09:16:33","guid":{"rendered":"https:\/\/consultoriaehero.com\/?page_id=10448"},"modified":"2026-08-02T11:16:33","modified_gmt":"2026-08-02T09:16:33","slug":"diverses-imatges-per-variant-a-woocommerce-ehero-woo-variation-gallery","status":"publish","type":"page","link":"https:\/\/consultoriaehero.com\/ca\/diverses-imatges-per-variant-a-woocommerce-ehero-woo-variation-gallery\/","title":{"rendered":"Diverses imatges per variant a WooCommerce | EHERO Woo Variation Gallery"},"content":{"rendered":"<div class=\"ehero-lp\">\n<style>\n    .ehero-lp{--ehero-primary:#017cba;--ehero-primary-dark:#015e8e;--ehero-accent:#00b2e2;--ehero-cyan:#00b2e2;--ehero-success:#0f9400;--ehero-ink:#1f2a37;--ehero-muted:#5b6b7c;--ehero-soft:#f4f7fb;--ehero-line:#e3e9f0;max-width:1020px;margin:0 auto;padding:0 4px;color:var(--ehero-ink);font-size:18px;line-height:1.7;font-family:inherit}\n    .ehero-lp *{box-sizing:border-box}\n    .ehero-lp h1,.ehero-lp h2{line-height:1.22;color:var(--ehero-primary);margin:0 0 .5em;font-weight:800;font-family:inherit}\n    .ehero-lp h3{line-height:1.25;color:var(--ehero-ink);margin:0 0 .5em;font-family:inherit}\n    .ehero-lp h1{font-size:2.2rem}\n    .ehero-lp h2{font-size:1.7rem;margin-top:1.8em;text-align:center}\n    .ehero-lp h2::after{content:\"\";display:block;width:64px;height:3px;background:var(--ehero-accent);margin:.55em auto 0;border-radius:2px}\n    .ehero-lp h3{font-size:1.15rem}\n    .ehero-lp p{margin:0 0 1em}\n    .ehero-lp ul{margin:0 0 1em;padding-left:1.3em}\n    .ehero-lp li{margin-bottom:.5em}\n    .ehero-lp a{color:var(--ehero-accent)}\n    .ehero-lp a:hover{text-decoration-color:var(--ehero-cyan)}\n    .ehero-lp .ehero-eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--ehero-soft);color:var(--ehero-primary);font-weight:700;font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;padding:6px 14px;border-radius:999px;margin-bottom:14px}\n    .ehero-lp .ehero-eyebrow::before{content:\"\";flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:var(--ehero-cyan)}\n    .ehero-lp .ehero-hero{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);margin-bottom:26px;background:linear-gradient(120deg,#017cba 0%,#0596d8 58%,#00a7df 100%);color:#fff;overflow:hidden}\n    .ehero-lp .ehero-hero-inner{max-width:1140px;margin:0 auto;padding:clamp(30px,5vw,58px) clamp(18px,4vw,44px);display:flex;align-items:center;gap:clamp(26px,4vw,52px)}\n    .ehero-lp .ehero-hero-body{flex:1 1 auto;min-width:0}\n    .ehero-lp .ehero-hero-media{flex:0 0 40%;min-width:0;margin:0}\n    .ehero-lp .ehero-hero-media img{width:100%;height:auto;display:block;border-radius:14px;filter:drop-shadow(0 14px 30px rgba(0,0,0,.28))}.ehero-cta{margin-bottom:2.6em}\n    .ehero-lp .ehero-hero .ehero-eyebrow{background:rgba(255,255,255,.2);color:#fff}\n    .ehero-lp .ehero-hero .ehero-eyebrow::before{background:#fff}\n    .ehero-lp .ehero-hero .ehero-hero-title{color:#fff}\n    .ehero-lp .ehero-hero .ehero-sub{color:#eaf4fb}\n    .ehero-lp .ehero-hero .ehero-btn{background:#fff;color:var(--ehero-primary)}\n    .ehero-lp .ehero-hero .ehero-btn:hover{background:var(--ehero-cyan);color:var(--ehero-ink)}\n    .ehero-lp .ehero-hero .ehero-btn--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}\n    .ehero-lp .ehero-hero .ehero-btn--ghost:hover{background:rgba(255,255,255,.12);border-color:#fff}\n    .ehero-lp .ehero-hero-cta{margin:.5em 0 0}\n    @media(max-width:860px){.ehero-lp .ehero-hero-inner{flex-direction:column;text-align:center;gap:24px}.ehero-lp .ehero-hero-media{order:-1;flex:0 0 auto;width:100%;max-width:460px;margin:0 auto}.ehero-lp .ehero-hero-cta .ehero-btn{margin:6px 5px 0}}\n    .ehero-lp .ehero-sub{font-size:1.15rem;color:var(--ehero-muted);margin:0 0 1.3em}\n    .ehero-lp .ehero-btn{display:inline-block;background:var(--ehero-primary);color:#fff;font-weight:700;text-decoration:none;padding:14px 32px;border-radius:999px;margin:6px 6px 0;transition:transform .1s ease,background .1s ease}\n    .ehero-lp .ehero-btn:hover{background:var(--ehero-primary-dark);transform:translateY(-1px)}\n    .ehero-lp .ehero-btn--ghost{background:transparent;color:var(--ehero-primary);border:2px solid var(--ehero-line)}\n    .ehero-lp .ehero-btn--ghost:hover{background:var(--ehero-soft);border-color:var(--ehero-cyan)}\n    .ehero-lp .ehero-toc{background:var(--ehero-soft);border:1px solid var(--ehero-line);border-radius:14px;padding:18px 22px;margin:18px 0 6px}\n    .ehero-lp .ehero-toc strong{display:block;color:var(--ehero-ink);font-size:.72em;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}\n    .ehero-lp .ehero-toc ol{margin:0;padding-left:1.2em;columns:2;column-gap:34px}\n    .ehero-lp .ehero-toc li{margin:4px 0;font-size:.97rem;break-inside:avoid}\n    .ehero-lp .ehero-toc a{color:var(--ehero-primary);text-decoration:none}\n    .ehero-lp .ehero-toc a:hover{text-decoration:underline;text-decoration-color:var(--ehero-cyan)}\n    .ehero-lp .ehero-img{margin:1.6em 0;text-align:center}\n    .ehero-lp .ehero-img img{max-width:100%;height:auto;border:1px solid var(--ehero-line);border-radius:14px;box-shadow:0 6px 24px rgba(1,124,186,.08)}\n    .ehero-lp .ehero-img figcaption{font-size:.9rem;color:var(--ehero-muted);margin-top:8px}\n    .ehero-lp .ehero-grid{display:flex;flex-wrap:wrap;gap:16px;margin-top:10px}\n    .ehero-lp .ehero-card{flex:1 1 260px;background:#fff;border:1px solid var(--ehero-line);border-radius:14px;padding:22px}\n    .ehero-lp .ehero-card h3{margin-top:0;display:flex;align-items:center;gap:8px}\n    .ehero-lp .ehero-card h3::before{content:\"\";flex:0 0 10px;width:10px;height:10px;border-radius:3px;background:var(--ehero-cyan)}\n    .ehero-lp .ehero-card p{margin:0;color:var(--ehero-muted);font-size:.98rem}\n    .ehero-lp .ehero-steps{list-style:none;counter-reset:ehero-step;margin:14px 0 0;padding:0}\n    .ehero-lp .ehero-steps li{counter-increment:ehero-step;position:relative;padding:0 0 20px 56px;margin:0}\n    .ehero-lp .ehero-steps li::before{content:counter(ehero-step);position:absolute;left:0;top:0;width:38px;height:38px;border-radius:50%;background:var(--ehero-primary);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 3px rgba(0,178,226,.3)}\n    .ehero-lp .ehero-steps li strong{display:block;margin-bottom:2px;color:var(--ehero-ink)}\n    .ehero-lp .ehero-steps li p{margin:0;color:var(--ehero-muted);font-size:.98rem}\n    .ehero-lp .ehero-chips{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}\n    .ehero-lp .ehero-chips li{background:#fff;border:1px solid var(--ehero-line);border-radius:999px;padding:8px 16px;font-size:.95rem;font-weight:600;color:var(--ehero-ink);display:inline-flex;align-items:center;gap:7px;margin:0}\n    .ehero-lp .ehero-chips li::before{content:\"\u2713\";color:var(--ehero-success);font-weight:800}\n    .ehero-lp .ehero-note{background:var(--ehero-soft);border-radius:12px;padding:16px 18px;color:var(--ehero-muted);font-size:.95rem}\n    .ehero-lp details{border:1px solid var(--ehero-line);border-radius:10px;padding:0 16px;margin-bottom:10px;background:#fff}\n    .ehero-lp details[open]{border-color:var(--ehero-primary)}\n    .ehero-lp summary{cursor:pointer;font-weight:700;padding:14px 0;list-style:none;color:var(--ehero-primary)}\n    .ehero-lp summary::-webkit-details-marker{display:none}\n    .ehero-lp summary::after{content:\"+\";float:right;font-weight:700;color:var(--ehero-accent)}\n    .ehero-lp details[open] summary::after{content:\"\u2013\"}\n    .ehero-lp details p{padding-bottom:14px;margin:0;color:var(--ehero-muted)}\n    .ehero-lp .ehero-cta{text-align:center;background:linear-gradient(135deg,var(--ehero-primary),var(--ehero-primary-dark));color:#fff;border-radius:18px;padding:36px 20px;margin-top:2em}\n    .ehero-lp .ehero-cta h2{color:#fff;margin-top:0}\n    .ehero-lp .ehero-cta p{color:#dbe6f3;max-width:640px;margin:0 auto 1.2em}\n    .ehero-lp .ehero-cta .ehero-btn{background:#fff;color:var(--ehero-primary)}\n    .ehero-lp .ehero-cta .ehero-btn:hover{background:var(--ehero-cyan);color:var(--ehero-ink)}\n    .ehero-lp .ehero-cta .ehero-btn--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.45)}\n    .ehero-lp .ehero-cta .ehero-btn--ghost:hover{border-color:var(--ehero-cyan);background:rgba(255,255,255,.08)}\n    @media(max-width:760px){.ehero-lp .ehero-hero{flex-direction:column;text-align:center;padding:26px 20px}.ehero-lp .ehero-hero-media{flex:0 0 auto;max-width:320px;margin:0 auto}}\n    @media(max-width:600px){.ehero-lp{font-size:17px}.ehero-lp h1{font-size:1.7rem}.ehero-lp h2{font-size:1.4rem}.ehero-lp .ehero-toc ol{columns:1}}\n    \/* Ocultamos el t\u00edtulo de p\u00e1gina plano del tema (article.hentry > h1); el H1 va DENTRO del hero, estilo 902 *\/\n    .hentry > h1:first-child{display:none}\n    .ehero-lp .ehero-hero-title{font-size:1.55em;line-height:1.2;margin:0 0 .45em;color:var(--ehero-primary);font-weight:800;font-family:inherit}\n    \/* Escala tipogr\u00e1fica mayor (textos m\u00e1s legibles) *\/\n    .ehero-lp .ehero-sub{font-size:1.14em}\n    .ehero-lp h2{font-size:1.4em;color:var(--ehero-primary)}\n    .ehero-lp h3{font-size:1.08em}\n    .ehero-lp .ehero-card p,.ehero-lp .ehero-steps li p{font-size:.9em;line-height:1.6;color:#3d4a59}\n    .ehero-lp .ehero-toc li{font-size:.88em}\n    .ehero-lp .ehero-chips li{font-size:.84em}\n    .ehero-lp .ehero-note{font-size:.92em}\n    .ehero-lp .ehero-img figcaption{font-size:.8em}\n    .ehero-lp .ehero-eyebrow{font-size:.74em}\n    .ehero-lp .ehero-card h3{font-size:1.06em}\n  html,body{overflow-x:clip}<\/style>\n<section class=\"ehero-hero\">\n<div class=\"ehero-hero-inner\">\n<div class=\"ehero-hero-body\">\n        <span class=\"ehero-eyebrow\">Plugin de galeria per a WooCommerce<\/span><\/p>\n<h1 class=\"ehero-hero-title\">Diverses imatges per variant a WooCommerce<\/h1>\n<p class=\"ehero-sub\">WooCommerce nom\u00e9s deixa assignar <strong>una foto<\/strong> a cada variaci\u00f3. <strong>EHERO Woo Variation Gallery<\/strong> dona a cada variant la seva pr\u00f2pia galeria completa: en triar color o talla, la fitxa mostra nom\u00e9s aquestes imatges i amaga la resta. Sense duplicar productes i sense tocar codi.<\/p>\n<p class=\"ehero-hero-cta\">\n          <a class=\"ehero-btn\" href=\"https:\/\/consultoriaehero.com\/ca\/producte\/ehero-woo-variation-gallery-diverses-imatges-per-variant-a-woocommerce\/\">Comprar per 49,99 \u20ac\/any<\/a><br \/>\n          <a class=\"ehero-btn ehero-btn--ghost\" href=\"https:\/\/consultoriaehero.com\/ca\/botiga\/\">Veure la botiga<\/a>\n        <\/p>\n<\/p><\/div>\n<figure class=\"ehero-hero-media\">\n        <img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/e9miay56dfh.exactdn.com\/wp-content\/uploads\/2026\/07\/WOO_VARIATIONS_ICON.png?strip=all&resize=1080%2C1080\" alt=\"Diverses imatges per variant a WooCommerce: icona del plugin EHERO Woo Variation Gallery\" title=\"EHERO Woo Variation Gallery \u2014 diverses imatges per variant a WooCommerce\" width=\"1080\" height=\"1080\" loading=\"eager\"><br \/>\n      <\/figure>\n<\/p><\/div>\n<\/section>\n<nav class=\"ehero-toc\">\n    <strong>En aquesta p\u00e0gina<\/strong><\/p>\n<ol>\n<li><a href=\"#asi-funciona\">Aix\u00ed funciona<\/a><\/li>\n<li><a href=\"#problema\">Una sola foto per variaci\u00f3<\/a><\/li>\n<li><a href=\"#solucion\">Qu\u00e8 resol el plugin<\/a><\/li>\n<li><a href=\"#como-funciona\">Com es posa en marxa<\/a><\/li>\n<li><a href=\"#para-quien\">Per a qui \u00e9s<\/a><\/li>\n<li><a href=\"#compatibilidad\">Compatibilitat<\/a><\/li>\n<li><a href=\"#licencia\">Qu\u00e8 inclou la teva llic\u00e8ncia<\/a><\/li>\n<li><a href=\"#faq\">Preguntes freq\u00fcents<\/a><\/li>\n<li><a href=\"#relacionados\">Productes relacionats<\/a><\/li>\n<\/ol>\n<\/nav>\n<h2 id=\"asi-funciona\">Aix\u00ed funciona<\/h2>\n<p>La seq\u00fc\u00e8ncia \u00e9s la que el teu client ja espera trobar en qualsevol botiga gran. Entra a la fitxa d\u2019una samarreta variable i veu la galeria general del producte. En el moment que tria el color \u00abverd oliva\u00bb o la talla L, la galeria es ref\u00e0 a l\u2019instant: apareixen nom\u00e9s les fotos d\u2019aquella variant \u2014el frontal, l\u2019esquena, el detall del teixit, la foto sobre model\u2014 i desapareixen les dels altres colors. Si aquella variant t\u00e9 un v\u00eddeo o una seq\u00fc\u00e8ncia 360\u00b0, entren a la mateixa galeria com una diapositiva m\u00e9s.<\/p>\n<p>Tot passa sense recarregar la p\u00e0gina i sense que hagis escrit ni una l\u00ednia de JavaScript: el plugin escolta l\u2019esdeveniment de canvi de variaci\u00f3 de WooCommerce, filtra els adjunts i repinta les miniatures amb una transici\u00f3 de fosa.<\/p>\n<p>I quan aquest client afegeix el producte al carret, la miniatura que veu al carret i a la comanda \u00e9s la de <em>la seva<\/em> variant, no la foto gen\u00e8rica del producte pare. Aquest detall evita bona part dels correus de \u00abcrec que m\u2019heu enviat el color equivocat\u00bb.<\/p>\n<h2 id=\"problema\">WooCommerce nom\u00e9s permet una imatge per variaci\u00f3, i els teus clients ho noten<\/h2>\n<p>Obre qualsevol producte variable de la teva botiga, desplega una variaci\u00f3 i mira el requadre d\u2019imatge: hi ha espai per a una foto. Una. \u00c9s una limitaci\u00f3 del nucli de WooCommerce des de sempre i no t\u00e9 res a veure amb el teu tema ni amb el teu maquetador. El resultat \u00e9s que un vestit disponible en cinc colors ensenya una miniatura per color i, a partir d\u2019aqu\u00ed, una galeria comuna on es barregen totes les variants.<\/p>\n<p>El client que ha triat el blau mar\u00ed acaba despla\u00e7ant-se per fotos del vermell i del beix, intentant endevinar quina correspon al que comprar\u00e0. Quan el dubte no es resol a la fitxa, es resol fora: tancant la pestanya. En productes on l\u2019aspecte <em>\u00e9s<\/em> la decisi\u00f3 de compra \u2014moda, cal\u00e7at, decoraci\u00f3, mobiliari, joieria, cosm\u00e8tica\u2014 aquesta confusi\u00f3 visual es paga primer en conversi\u00f3 i despr\u00e9s en devolucions.<\/p>\n<p>Les alternatives casolanes solen ser pitjors que el problema. La m\u00e9s comuna \u00e9s duplicar el producte: una fitxa per color perqu\u00e8 cadascuna tingui la seva galeria. En dues setmanes tens el cat\u00e0leg inflat, l\u2019estoc repartit entre fitxes que ning\u00fa recorda actualitzar, les ressenyes fragmentades en cinc URLs i contingut gaireb\u00e9 id\u00e8ntic que el teu posicionament acaba pagant. L\u2019altra \u00e9s posar totes les fotos a la galeria del producte pare i confiar que el client s\u00e0piga distingir-les, que \u00e9s justament el que no passar\u00e0.<\/p>\n<p>Poder mostrar diverses imatges per variant a WooCommerce no \u00e9s un caprici est\u00e8tic: \u00e9s tancar la dist\u00e0ncia entre el que el client tria i el que el client veu.<\/p>\n<h2 id=\"solucion\">EHERO Woo Variation Gallery: una galeria pr\u00f2pia per a cada variant<\/h2>\n<p>El plugin afegeix a l\u2019editor de variacions el que WooCommerce mai no va incloure \u2014un selector d\u2019imatges m\u00faltiple per variaci\u00f3, amb portada i ordre\u2014 i, al frontal, la l\u00f2gica que decideix qu\u00e8 s\u2019ensenya en cada moment. Aix\u00f2 \u00e9s el que canvia a la teva botiga:<\/p>\n<div class=\"ehero-grid\">\n<div class=\"ehero-card\">\n<h3>Galeria il\u00b7limitada per variant<\/h3>\n<p>Assigna totes les fotos que vulguis a cada variaci\u00f3 des de la pestanya Variacions. Arrossega per ordenar-les i prem l\u2019estrella per marcar la portada. En seleccionar la variaci\u00f3 a la fitxa, nom\u00e9s es veuen aquestes.<\/p>\n<\/div>\n<div class=\"ehero-card\">\n<h3>Imatges per atribut, sense repetir feina<\/h3>\n<p>Una samarreta en 4 colors i 5 talles s\u00f3n 20 variacions, per\u00f2 nom\u00e9s 4 jocs de fotos. Assigna les imatges al valor de l\u2019atribut \u00abColor\u00bb i totes les talles d\u2019aquell color hereten la galeria. Es configura una vegada i serveix per al producte sencer.<\/p>\n<\/div>\n<div class=\"ehero-card\">\n<h3>Imatges compartides<\/h3>\n<p>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\u00f3, sense duplicar-les vint vegades.<\/p>\n<\/div>\n<div class=\"ehero-card\">\n<h3>V\u00eddeos i visor 360\u00b0<\/h3>\n<p>Afegeix v\u00eddeos de YouTube, Vimeo o MP4 directe com una diapositiva m\u00e9s de la galeria d\u2019aquella variant. I amb una seq\u00fc\u00e8ncia de fotos preses en ordre de dispar, el visor 360\u00b0 deixa el client girar el producte arrossegant el ratol\u00ed o el dit.<\/p>\n<\/div>\n<div class=\"ehero-card\">\n<h3>Badges i marca d\u2019aigua<\/h3>\n<p>Etiquetes per variant \u2014Nou, Oferta, Esgotat o un text propi com \u00ab-20%\u00bb\u2014 sobre la imatge. I una marca d\u2019aigua de text configurable en posici\u00f3, mida, color, fons, opacitat, rotaci\u00f3 i ombra per protegir les teves fotos de producte.<\/p>\n<\/div>\n<div class=\"ehero-card\">\n<h3>Canvi de foto al cat\u00e0leg<\/h3>\n<p>A la p\u00e0gina de botiga, en passar el ratol\u00ed per les variants d\u2019un producte la miniatura canvia a la d\u2019aquell color. El client compara des del llistat i entra a la fitxa ja decidit, en lloc d\u2019entrar i sortir de cinc productes.<\/p>\n<\/div><\/div>\n<p>Darrere d\u2019aquestes sis funcions hi ha una decisi\u00f3 de disseny important: <strong>el comportament per defecte el tries tu<\/strong>. Defineixes quina galeria es mostra abans que el client seleccioni res \u2014totes les imatges, la de la primera variant o la variaci\u00f3 predeterminada de WooCommerce\u2014, si la imatge destacada es mant\u00e9 sempre visible i qu\u00e8 passa quan una variaci\u00f3 no t\u00e9 fotos pr\u00f2pies.<\/p>\n<p>El plugin inclou a m\u00e9s un panell d\u2019estad\u00edstiques que registra quines variants miren m\u00e9s els teus clients. Sabr\u00e0s si el color que tens a portada \u00e9s realment el que atrau, o si el m\u00e9s mirat no coincideix amb el m\u00e9s venut: informaci\u00f3 directa per decidir qu\u00e8 fotografiar millor i quin estoc refor\u00e7ar.<\/p>\n<h2 id=\"como-funciona\">Com es posa en marxa (sense tocar una l\u00ednia de codi)<\/h2>\n<ol class=\"ehero-steps\">\n<li><strong>Instal\u00b7la i activa la llic\u00e8ncia<\/strong>\n<p>Puja el ZIP des de Plugins \u2192 Afegeix nou, activa\u2019l i enganxa la teva clau de llic\u00e8ncia. A partir d\u2019aqu\u00ed reps les actualitzacions autom\u00e0tiques des del tauler de WordPress, com amb qualsevol altre plugin.<\/p>\n<\/li>\n<li><strong>Assigna les fotos a cada variant<\/strong>\n<p>Edita un producte variable, ves a la pestanya Variacions, desplega una variaci\u00f3 i prem \u00abSeleccionar imatges\u00bb. Tria les fotos de la biblioteca, arrossega-les per ordenar-les i marca la portada amb l\u2019estrella. Repeteix-ho a les variacions que ho necessitin.<\/p>\n<\/li>\n<li><strong>Configura les dreceres<\/strong>\n<p>Si el teu producte combina color i talla, assigna les imatges al valor de l\u2019atribut \u00abColor\u00bb al mapa d\u2019atributs i oblida\u2019t de repetir-les talla per talla. Marca com a compartides les fotos comunes, com la guia de talles o la taula de mides.<\/p>\n<\/li>\n<li><strong>Ajusta el comportament i publica<\/strong>\n<p>A Configuraci\u00f3 decideixes la galeria inicial, la transici\u00f3, si actives v\u00eddeos, 360\u00b0, badges o marca d\u2019aigua, i si la miniatura canvia al cat\u00e0leg. Desa, obre la fitxa i comprova el resultat en dos clics.<\/p>\n<\/li>\n<\/ol>\n<p>Si la teva fitxa la construeix un maquetador com Elementor o Bricks, o un tema amb galeria pr\u00f2pia, hi ha un camp per afegir els selectors CSS d\u2019aquell contenidor i que el filtratge funcioni tamb\u00e9 all\u00e0. \u00c9s el m\u00e9s semblant a codi que veur\u00e0s: enganxar un selector.<\/p>\n<h2 id=\"para-quien\">Per a qui \u00e9s aquest plugin de galeria per variant?<\/h2>\n<ul>\n<li><strong>Moda, cal\u00e7at i complements.<\/strong> \u00c9s el cas de manual: cinc colors, quatre talles i un client que vol veure la pe\u00e7a posada en el color exacte que ha triat. Juntament amb uns swatches visuals, la fitxa es comporta com la d\u2019una marca gran.<\/li>\n<li><strong>Decoraci\u00f3, mobiliari i t\u00e8xtil de la llar.<\/strong> Un sof\u00e0 en sis entapissats necessita sis galeries d\u2019ambient, no sis miniatures. Aqu\u00ed la difer\u00e8ncia entre veure el teixit i endevinar-lo \u00e9s literalment la venda.<\/li>\n<li><strong>Joieria, cosm\u00e8tica i regal personalitzat.<\/strong> Acabats en or, plata o rosat, tons de llapis de llavis, gravats: detalls petits que nom\u00e9s s\u2019aprecien amb diverses fotos de prop i, moltes vegades, amb un gir de 360\u00b0.<\/li>\n<li><strong>Botigues amb cat\u00e0leg importat o de <a href=\"https:\/\/consultoriaehero.com\/ca\/categoria-de-producte\/plugins-woocommerce-ca\/\">dropshipping<\/a>.<\/strong> Quan el prove\u00efdor envia les fotos agrupades per color, el mapa per atribut evita haver d\u2019assignar-les variaci\u00f3 per variaci\u00f3 cada vegada que entra un producte nou.<\/li>\n<li><strong>Qui ja va duplicar productes i vol tornar enrere.<\/strong> Si tens cinc fitxes del mateix article nom\u00e9s perqu\u00e8 cadascuna tingui la seva galeria, aquest plugin et permet consolidar-les en un \u00fanic producte variable sense perdre l\u2019experi\u00e8ncia visual.<\/li>\n<\/ul>\n<h2 id=\"compatibilidad\">Compatibilitat<\/h2>\n<p>EHERO Woo Variation Gallery treballa sobre el <a href=\"https:\/\/woocommerce.com\/document\/variable-product\/\" target=\"_blank\" rel=\"noopener\">producte variable natiu de WooCommerce<\/a>: no crea un tipus de producte propi ni mou les teves dades a taules paral\u00b7leles. Funciona sobre <a href=\"https:\/\/wordpress.org\/download\/\" target=\"_blank\" rel=\"noopener\">WordPress<\/a> 5.8 o superior, declara compatibilitat amb HPOS \u2014l\u2019emmagatzematge de comandes d\u2019alt rendiment\u2014 i est\u00e0 provat fins a WooCommerce 9.6.<\/p>\n<ul class=\"ehero-chips\">\n<li>WordPress 5.8+<\/li>\n<li>WooCommerce 6.0+<\/li>\n<li>PHP 7.4+<\/li>\n<li>HPOS<\/li>\n<li>Productes variables natius<\/li>\n<li>Elementor<\/li>\n<li>Bricks Builder<\/li>\n<li>Selectors personalitzats<\/li>\n<li>Compatible amb swatches<\/li>\n<\/ul>\n<p>Si desactives el plugin, els teus productes continuen funcionant: les variacions conserven la seva imatge nativa i la fitxa torna al comportament est\u00e0ndard. No hi ha cap depend\u00e8ncia t\u00e8cnica que t\u2019hi lligui.<\/p>\n<h2 id=\"licencia\">Qu\u00e8 inclou la teva llic\u00e8ncia<\/h2>\n<p>La llic\u00e8ncia d\u2019EHERO Woo Variation Gallery costa <strong>49,99 \u20ac a l\u2019any<\/strong> i inclou tot el necessari per tenir diverses imatges per variant a WooCommerce funcionant des del primer dia, sense m\u00f2duls extra ni funcions de pagament a part:<\/p>\n<ul>\n<li><strong>Totes les funcions, sense versions retallades.<\/strong> Galeria per variant, mapa per atribut, imatges compartides, v\u00eddeos, 360\u00b0, badges, marca d\u2019aigua, canvi de foto al cat\u00e0leg, imatge de variant al carret i estad\u00edstiques.<\/li>\n<li><strong>Un any d\u2019actualitzacions autom\u00e0tiques<\/strong> des del tauler de WordPress, amb les millores del plugin i la compatibilitat amb les noves versions de WooCommerce.<\/li>\n<li><strong>Suport t\u00e8cnic en espanyol<\/strong>, at\u00e8s pel mateix equip que desenvolupa el plugin.<\/li>\n<li><strong>Documentaci\u00f3 i manual en castell\u00e0<\/strong>, accessibles des del mateix tauler del plugin.<\/li>\n<li><strong>Llic\u00e8ncia per a un domini<\/strong>, amb activaci\u00f3 i desactivaci\u00f3 des del teu panell per poder-la moure si canvies d\u2019instal\u00b7laci\u00f3.<\/li>\n<\/ul>\n<h2 id=\"faq\">Preguntes freq\u00fcents<\/h2>\n<h3>He de duplicar productes per tenir diverses imatges per variant a WooCommerce?<\/h3>\n<p>No, i aquest \u00e9s precisament el motiu del plugin. Continues tenint un \u00fanic producte variable, amb el seu estoc, les seves ressenyes i la seva URL. El que canvia \u00e9s que cada variaci\u00f3 pot portar una galeria completa en lloc d\u2019una sola foto. Si ja vas duplicar productes per aquest motiu, els pots consolidar de nou en un de sol.<\/p>\n<h3>He d\u2019assignar les fotos variaci\u00f3 per variaci\u00f3?<\/h3>\n<p>Nom\u00e9s si vols el m\u00e0xim detall. El m\u00e9s habitual \u00e9s assignar-les al valor de l\u2019atribut: si les teves fotos depenen del color i no de la talla, configures les imatges de \u00abBlau\u00bb una vegada i totes les talles blaves hereten aquella galeria. Per a una samarreta de 4 colors per 5 talles, aix\u00f2 s\u00f3n 4 configuracions en lloc de 20.<\/p>\n<h3>Funciona amb el meu tema o amb el meu maquetador?<\/h3>\n<p>Amb els temes que fan servir la galeria est\u00e0ndard de WooCommerce funciona sense configurar res. Si la fitxa la construeix Elementor, Bricks o un altre maquetador amb galeria pr\u00f2pia, hi ha un camp a la configuraci\u00f3 on afegir els selectors CSS d\u2019aquell contenidor perqu\u00e8 el filtratge s\u2019hi apliqui tamb\u00e9.<\/p>\n<h3>Qu\u00e8 passa si una variaci\u00f3 no t\u00e9 imatges assignades?<\/h3>\n<p>Ho decideixes tu a la configuraci\u00f3. Pot caure primer a l\u2019atribut \u2014la galeria del color, per exemple\u2014 i, si tampoc no existeix, mostrar la galeria completa del producte; pot saltar-se l\u2019atribut i anar directament a mostrar-ho tot; o pot no mostrar res m\u00e9s enll\u00e0 del que s\u2019ha assignat. A m\u00e9s, pots for\u00e7ar que la imatge destacada del producte es mantingui sempre visible.<\/p>\n<h3>Els v\u00eddeos i el visor 360\u00b0 alentiran la fitxa?<\/h3>\n<p>La c\u00e0rrega diferida est\u00e0 activada per defecte, aix\u00ed que les imatges i els v\u00eddeos de les variacions no es descarreguen fins que calen. Els v\u00eddeos s\u2019insereixen com a diapositiva de la galeria i el visor 360\u00b0 reutilitza fotos que ja has pujat, sense biblioteques externes pesades. Tot i aix\u00ed, totes dues funcions es poden desactivar de manera independent si prefereixes una fitxa m\u00ednima.<\/p>\n<h3>L\u2019imatge correcta arriba tamb\u00e9 al carret i a la comanda?<\/h3>\n<p>S\u00ed. La miniatura del carret i de la comanda fa servir la imatge de la variaci\u00f3 triada en lloc de la foto gen\u00e8rica del producte pare. \u00c9s una opci\u00f3 activada per defecte i redueix les incid\u00e8ncies de clients que creuen haver rebut un article diferent del que van comprar.<\/p>\n<h2 id=\"relacionados\">Productes relacionats<\/h2>\n<ul>\n<li><a href=\"https:\/\/consultoriaehero.com\/ca\/producte\/ehero-woo-swatches-mostres-visuals-per-a-variacions-de-woocommerce\/\">EHERO Woo Swatches<\/a> \u2014 substitueix els desplegables de variacions per cercles de color i miniatures. \u00c9s el complement natural: el swatch tria, la galeria mostra.<\/li>\n<li><a href=\"https:\/\/consultoriaehero.com\/ca\/producte\/ehero-woo-product-converter-5\/\">Conversor de productes WooCommerce<\/a> \u2014 converteix productes simples en variables en s\u00e8rie, ideal si vens d\u2019un cat\u00e0leg amb una fitxa per color i vols unificar-lo.<\/li>\n<li><a href=\"https:\/\/consultoriaehero.com\/ca\/producte\/ehero-woo-categories-gestio-massiva-de-categories-per-a-woocommerce\/\">EHERO Woo Categories<\/a> \u2014 gesti\u00f3 massiva de categories i atributs: una base ordenada fa que el mapa d\u2019imatges per atribut funcioni a tot el cat\u00e0leg.<\/li>\n<li><a href=\"https:\/\/consultoriaehero.com\/ca\/producte\/descompte-ehero-woocommerce\/\">EHERO WooCommerce Discount<\/a> \u2014 descomptes avan\u00e7ats per rematar la venda que la galeria acaba de conv\u00e8ncer.<\/li>\n<\/ul>\n<section class=\"ehero-cta\">\n<h2>Que cada variant ensenyi el que el client ha triat<\/h2>\n<p>Una sola foto per variaci\u00f3 \u00e9s una limitaci\u00f3 de WooCommerce, no una decisi\u00f3 de la teva botiga. Posa a cada color, talla i acabat la seva pr\u00f2pia galeria \u2014amb ordre, portada, v\u00eddeo i 360\u00b0\u2014 per 49,99 \u20ac l\u2019any, llic\u00e8ncia per a un domini i suport en espanyol.<\/p>\n<p><a class=\"ehero-btn\" href=\"https:\/\/consultoriaehero.com\/ca\/producte\/ehero-woo-variation-gallery-diverses-imatges-per-variant-a-woocommerce\/\">Comprar EHERO Woo Variation Gallery<\/a><br \/>\n    <a class=\"ehero-btn ehero-btn--ghost\" href=\"https:\/\/consultoriaehero.com\/ca\/botiga\/\">Veure tots els plugins EHERO<\/a><\/p>\n<\/section>\n<\/div>\n<p><script type=\"application\/ld+json\">{\"@context\":\"https:\/\/schema.org\",\"@type\":\"SoftwareApplication\",\"name\":\"EHERO Woo Variation Gallery\",\"operatingSystem\":\"WordPress\",\"applicationCategory\":\"BusinessApplication\",\"description\":\"Galeria pr\u00f2pia per a cada variant a WooCommerce: diverses imatges per variant, v\u00eddeos, visor 360\u00b0, badges i marca d\u2019aigua, sense duplicar productes.\",\"offers\":{\"@type\":\"Offer\",\"price\":\"49.99\",\"priceCurrency\":\"EUR\"},\"publisher\":{\"@type\":\"Organization\",\"name\":\"Consultor\u00eda EHERO S.L.U\",\"url\":\"https:\/\/consultoriaehero.com\/ca\/\"}}<\/script><br \/>\n<script type=\"application\/ld+json\">{\"@context\":\"https:\/\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"He de duplicar productes per tenir diverses imatges per variant a WooCommerce?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"No, i aquest \u00e9s precisament el motiu del plugin. Continues tenint un \u00fanic producte variable, amb el seu estoc, les seves ressenyes i la seva URL. El que canvia \u00e9s que cada variaci\u00f3 pot portar una galeria completa en lloc d\u2019una sola foto. Si ja has duplicat productes per aquest motiu, els pots consolidar de nou en un sol producte.\"}},{\"@type\":\"Question\",\"name\":\"He d\u2019assignar les fotos variaci\u00f3 per variaci\u00f3?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Nom\u00e9s si vols el m\u00e0xim detall. El m\u00e9s habitual \u00e9s assignar-les al valor de l\u2019atribut: si les teves fotos depenen del color i no de la talla, configures les imatges de \u00abBlau\u00bb una vegada i totes les talles blaves hereten aquesta galeria. Per a una samarreta de 4 colors per 5 talles, aix\u00f2 s\u00f3n 4 configuracions en lloc de 20.\"}},{\"@type\":\"Question\",\"name\":\"Funciona amb el meu tema o amb el meu maquetador?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Amb els temes que fan servir la galeria est\u00e0ndard de WooCommerce funciona sense configurar res. Si la fitxa la construeix Elementor, Bricks o un altre maquetador amb galeria pr\u00f2pia, hi ha un camp als ajustos on afegir els selectors CSS d\u2019aquest contenidor perqu\u00e8 el filtratge s\u2019apliqui tamb\u00e9 aqu\u00ed.\"}},{\"@type\":\"Question\",\"name\":\"Qu\u00e8 passa si una variant no t\u00e9 imatges assignades?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Ho decideixes tu als ajustos. Pot caure primer a l\u2019atribut \u2014la galeria del color, per exemple\u2014 i, si tampoc no existeix, mostrar la galeria completa del producte; pot saltar-se l\u2019atribut i anar directament a mostrar-ho tot; o pot no mostrar res m\u00e9s enll\u00e0 del que s\u2019ha assignat. A m\u00e9s, pots for\u00e7ar que la imatge destacada del producte es mantingui sempre visible.\"}},{\"@type\":\"Question\",\"name\":\"Els v\u00eddeos i el visor 360\u00b0 alenteixen la fitxa?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"La c\u00e0rrega diferida est\u00e0 activada per defecte, aix\u00ed que les imatges i els v\u00eddeos de les variants no es descarreguen fins que calen. Els v\u00eddeos s\u2019insereixen com a diapositiva de la galeria i el visor 360\u00b0 reutilitza fotos que ja has pujat, sense llibreries externes pesades. Tot i aix\u00ed, totes dues funcions es poden desactivar de manera independent si prefereixes una fitxa m\u00ednima.\"}},{\"@type\":\"Question\",\"name\":\"La imatge correcta arriba tamb\u00e9 al carret i a la comanda?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"S\u00ed. La miniatura del carret i de la comanda fa servir la imatge de la variant triada en lloc de la foto gen\u00e8rica del producte pare. \u00c9s una opci\u00f3 activada per defecte i redueix les incid\u00e8ncies de clients que creuen haver rebut un article diferent del que han comprat.\"}}]}<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dona a cada variant la seva pr\u00f2pia galeria a WooCommerce: diverses imatges per variant, v\u00eddeos i visor 360\u00b0, sense duplicar productes. Des de 49,99 \u20ac\/any.<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_jf_save_progress":"","rank_math_focus_keyword":"varias im\u00e1genes por variante en WooCommerce, galer\u00eda de im\u00e1genes por variante WooCommerce, m\u00faltiples im\u00e1genes por variaci\u00f3n WooCommerce, galer\u00eda por variante WooCommerce, im\u00e1genes por variaci\u00f3n de producto WooCommerce","rank_math_title":"Varies imatges per variant a WooCommerce | EHERO","rank_math_description":"Dona a cada variant la seva pr\u00f2pia galeria a WooCommerce: diverses imatges per variant, v\u00eddeos i visor 360\u00b0, sense duplicar productes. Des de 49,99 \u20ac\/any.","rank_math_robots":[],"rank_math_canonical_url":"","rank_math_seo_score":80,"footnotes":""},"class_list":["post-10448","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/pages\/10448","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/types\/page"}],"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=10448"}],"version-history":[{"count":2,"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/pages\/10448\/revisions"}],"predecessor-version":[{"id":10450,"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/pages\/10448\/revisions\/10450"}],"wp:attachment":[{"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/media?parent=10448"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}