{"id":10439,"date":"2026-08-02T11:15:12","date_gmt":"2026-08-02T09:15:12","guid":{"rendered":"https:\/\/consultoriaehero.com\/?page_id=10439"},"modified":"2026-08-02T11:15:12","modified_gmt":"2026-08-02T09:15:12","slug":"varias-imagens-por-variante-no-woocommerce-ehero-woo-variation-gallery","status":"publish","type":"page","link":"https:\/\/consultoriaehero.com\/pt\/varias-imagens-por-variante-no-woocommerce-ehero-woo-variation-gallery\/","title":{"rendered":"V\u00e1rias imagens por variante no 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 para WooCommerce<\/span><\/p>\n<h1 class=\"ehero-hero-title\">V\u00e1rias imagens por variante no WooCommerce<\/h1>\n<p class=\"ehero-sub\">O WooCommerce s\u00f3 permite atribuir <strong>uma foto<\/strong> a cada varia\u00e7\u00e3o. <strong>EHERO Woo Variation Gallery<\/strong> d\u00e1 a cada variante a sua pr\u00f3pria galeria completa: ao escolher a cor ou o tamanho, a ficha mostra apenas essas imagens e oculta o resto. Sem duplicar produtos e sem tocar em c\u00f3digo.<\/p>\n<p class=\"ehero-hero-cta\">\n          <a class=\"ehero-btn\" href=\"https:\/\/consultoriaehero.com\/pt\/produto\/ehero-woo-variation-gallery-varias-imagens-por-variante-em-woocommerce\/\">Comprar por 49,99 \u20ac\/ano<\/a><br \/>\n          <a class=\"ehero-btn ehero-btn--ghost\" href=\"https:\/\/consultoriaehero.com\/pt\/loja\/\">Ver a loja<\/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=\"V\u00e1rias imagens por variante no WooCommerce: \u00edcone do plugin EHERO Woo Variation Gallery\" title=\"EHERO Woo Variation Gallery \u2014 v\u00e1rias imagens por variante no WooCommerce\" width=\"1080\" height=\"1080\" loading=\"eager\"><br \/>\n      <\/figure>\n<\/p><\/div>\n<\/section>\n<nav class=\"ehero-toc\">\n    <strong>Nesta p\u00e1gina<\/strong><\/p>\n<ol>\n<li><a href=\"#asi-funciona\">Como funciona<\/a><\/li>\n<li><a href=\"#problema\">Uma \u00fanica foto por varia\u00e7\u00e3o<\/a><\/li>\n<li><a href=\"#solucion\">O que o plugin resolve<\/a><\/li>\n<li><a href=\"#como-funciona\">Como \u00e9 colocado em funcionamento<\/a><\/li>\n<li><a href=\"#para-quien\">Para quem \u00e9<\/a><\/li>\n<li><a href=\"#compatibilidad\">Compatibilidade<\/a><\/li>\n<li><a href=\"#licencia\">O que inclui a sua licen\u00e7a<\/a><\/li>\n<li><a href=\"#faq\">Perguntas frequentes<\/a><\/li>\n<li><a href=\"#relacionados\">Produtos relacionados<\/a><\/li>\n<\/ol>\n<\/nav>\n<h2 id=\"asi-funciona\">Como funciona<\/h2>\n<p>A sequ\u00eancia \u00e9 a que o seu cliente j\u00e1 espera encontrar em qualquer grande loja. Entra na ficha de uma t-shirt vari\u00e1vel e v\u00ea a galeria geral do produto. Assim que escolhe a cor \u00abverde oliva\u00bb ou o tamanho L, a galeria \u00e9 reconstru\u00edda instantaneamente: aparecem apenas as fotos dessa variante \u2014a frente, as costas, o detalhe do tecido, a foto no modelo\u2014 e desaparecem as dos restantes cores. Se essa variante tiver um v\u00eddeo ou uma sequ\u00eancia 360\u00b0, entram na mesma galeria como mais um slide.<\/p>\n<p>Tudo acontece sem recarregar a p\u00e1gina e sem que tenha escrito uma linha de JavaScript: o plugin escuta o evento de mudan\u00e7a de varia\u00e7\u00e3o do WooCommerce, filtra os anexos e redesenha as miniaturas com uma transi\u00e7\u00e3o de fade.<\/p>\n<p>E quando esse cliente adiciona o produto ao carrinho, a miniatura que v\u00ea no carrinho e na encomenda \u00e9 a da <em>sua<\/em> variante, n\u00e3o a foto gen\u00e9rica do produto pai. Esse detalhe evita grande parte dos e-mails de \u00abacho que me enviaram a cor errada\u00bb.<\/p>\n<h2 id=\"problema\">O WooCommerce s\u00f3 permite uma imagem por varia\u00e7\u00e3o, e os seus clientes notam isso<\/h2>\n<p>Abra qualquer produto vari\u00e1vel da sua loja, expanda uma varia\u00e7\u00e3o e olhe para a caixa da imagem: h\u00e1 espa\u00e7o para uma foto. Uma. \u00c9 uma limita\u00e7\u00e3o do n\u00facleo do WooCommerce desde sempre e n\u00e3o tem nada a ver com o seu tema nem com o seu construtor. O resultado \u00e9 que um vestido dispon\u00edvel em cinco cores mostra uma miniatura por cor e, a partir da\u00ed, uma galeria comum onde se misturam todas as variantes.<\/p>\n<p>O cliente que escolheu o azul-marinho acaba por percorrer fotos do vermelho e do bege, tentando adivinhar qual corresponde ao que vai comprar. Quando a d\u00favida n\u00e3o se resolve na ficha, resolve-se fora: fechando o separador. Em produtos onde o aspeto <em>\u00e9<\/em> a decis\u00e3o de compra \u2014moda, cal\u00e7ado, decora\u00e7\u00e3o, mobili\u00e1rio, joalharia, cosm\u00e9tica\u2014 essa confus\u00e3o visual paga-se primeiro em convers\u00e3o e depois em devolu\u00e7\u00f5es.<\/p>\n<p>As alternativas improvisadas costumam ser piores do que o problema. A mais comum \u00e9 duplicar o produto: uma ficha por cor para que cada uma tenha a sua galeria. Em duas semanas tem o cat\u00e1logo inchado, o stock repartido entre fichas que ningu\u00e9m se lembra de atualizar, as avalia\u00e7\u00f5es fragmentadas em cinco URLs e conte\u00fado quase id\u00eantico que o seu posicionamento acaba por pagar. A outra \u00e9 meter todas as fotos na galeria do produto pai e confiar que o cliente saiba distingui-las, o que \u00e9 precisamente o que n\u00e3o vai acontecer.<\/p>\n<p>Poder mostrar v\u00e1rias imagens por variante no WooCommerce n\u00e3o \u00e9 um capricho est\u00e9tico: \u00e9 encurtar a dist\u00e2ncia entre o que o cliente escolhe e o que o cliente v\u00ea.<\/p>\n<h2 id=\"solucion\">EHERO Woo Variation Gallery: uma galeria pr\u00f3pria para cada variante<\/h2>\n<p>O plugin acrescenta ao editor de varia\u00e7\u00f5es aquilo que o WooCommerce nunca incluiu \u2014um seletor de imagens m\u00faltiplas por varia\u00e7\u00e3o, com capa e ordem\u2014 e, no front-end, a l\u00f3gica que decide o que \u00e9 mostrado em cada momento. Isto \u00e9 o que muda na sua loja:<\/p>\n<div class=\"ehero-grid\">\n<div class=\"ehero-card\">\n<h3>Galeria ilimitada por variante<\/h3>\n<p>Atribua todas as fotos que quiser a cada varia\u00e7\u00e3o a partir do separador Varia\u00e7\u00f5es. Arraste para as ordenar e clique na estrela para marcar a capa. Ao selecionar a varia\u00e7\u00e3o na ficha, s\u00f3 essas s\u00e3o mostradas.<\/p>\n<\/div>\n<div class=\"ehero-card\">\n<h3>Imagens por atributo, sem repetir trabalho<\/h3>\n<p>Uma t-shirt em 4 cores e 5 tamanhos s\u00e3o 20 varia\u00e7\u00f5es, mas apenas 4 conjuntos de fotos. Atribua as imagens ao valor do atributo \u00abCor\u00bb e todos os tamanhos dessa cor herdam a galeria. Configura-se uma vez e serve para o produto inteiro.<\/p>\n<\/div>\n<div class=\"ehero-card\">\n<h3>Imagens partilhadas<\/h3>\n<p>H\u00e1 fotos que servem para todas as variantes: o guia de tamanhos, a tabela de medidas, o detalhe da costura, o certificado do material. S\u00e3o marcadas como partilhadas e aparecem na galeria de qualquer varia\u00e7\u00e3o, sem as duplicar vinte vezes.<\/p>\n<\/div>\n<div class=\"ehero-card\">\n<h3>V\u00eddeos e visualizador 360\u00b0<\/h3>\n<p>Adicione v\u00eddeos do YouTube, Vimeo ou MP4 direto como mais um slide da galeria dessa variante. E com uma sequ\u00eancia de fotos tiradas por ordem de disparo, o visualizador 360\u00b0 permite ao cliente rodar o produto arrastando o rato ou o dedo.<\/p>\n<\/div>\n<div class=\"ehero-card\">\n<h3>Badges e marca de \u00e1gua<\/h3>\n<p>Etiquetas por variante \u2014Novo, Oferta, Esgotado ou um texto pr\u00f3prio como \u00ab-20%\u00bb\u2014 sobre a imagem. E uma marca de \u00e1gua de texto configur\u00e1vel em posi\u00e7\u00e3o, tamanho, cor, fundo, opacidade, rota\u00e7\u00e3o e sombra para proteger as suas fotos de produto.<\/p>\n<\/div>\n<div class=\"ehero-card\">\n<h3>Mudan\u00e7a de foto no cat\u00e1logo<\/h3>\n<p>Na p\u00e1gina da loja, ao passar o rato pelas variantes de um produto a miniatura muda para a dessa cor. O cliente compara a partir da listagem e entra na ficha j\u00e1 decidido, em vez de entrar e sair de cinco produtos.<\/p>\n<\/div><\/div>\n<p>Por tr\u00e1s destas seis fun\u00e7\u00f5es h\u00e1 uma decis\u00e3o de design importante: <strong>o comportamento predefinido \u00e9 escolhido por si<\/strong>. Define que galeria \u00e9 mostrada antes de o cliente selecionar algo \u2014todas as imagens, a da primeira variante ou a varia\u00e7\u00e3o predefinida do WooCommerce\u2014, se a imagem destacada se mant\u00e9m sempre vis\u00edvel e o que acontece quando uma varia\u00e7\u00e3o n\u00e3o tem fotos pr\u00f3prias.<\/p>\n<p>O plugin inclui ainda um painel de estat\u00edsticas que regista quais as variantes que os seus clientes mais veem. Saber\u00e1 se a cor que tem em destaque \u00e9 realmente a que atrai, ou se a mais vista n\u00e3o coincide com a mais vendida: informa\u00e7\u00e3o direta para decidir o que fotografar melhor e que stock refor\u00e7ar.<\/p>\n<h2 id=\"como-funciona\">Como \u00e9 colocado em funcionamento (sem tocar numa linha de c\u00f3digo)<\/h2>\n<ol class=\"ehero-steps\">\n<li><strong>Instale e ative a licen\u00e7a<\/strong>\n<p>Envie o ZIP a partir de Plugins \u2192 Adicionar novo, ative-o e cole a sua chave de licen\u00e7a. A partir da\u00ed recebe as atualiza\u00e7\u00f5es autom\u00e1ticas a partir do painel do WordPress, como com qualquer outro plugin.<\/p>\n<\/li>\n<li><strong>Atribua as fotos a cada variante<\/strong>\n<p>Edite um produto vari\u00e1vel, v\u00e1 ao separador Varia\u00e7\u00f5es, expanda uma varia\u00e7\u00e3o e clique em \u00abSelecionar imagens\u00bb. Escolha as fotos da biblioteca, arraste-as para as ordenar e marque a capa com a estrela. Repita nas varia\u00e7\u00f5es que precisarem.<\/p>\n<\/li>\n<li><strong>Configure os atalhos<\/strong>\n<p>Se o seu produto combina cor e tamanho, atribua as imagens ao atributo \u00abCor\u00bb no mapa de atributos e esque\u00e7a-se de as repetir tamanho a tamanho. Marque como partilhadas as fotos comuns, como o guia de tamanhos ou a tabela de medidas.<\/p>\n<\/li>\n<li><strong>Ajuste o comportamento e publique<\/strong>\n<p>Em Defini\u00e7\u00f5es decide a galeria inicial, a transi\u00e7\u00e3o, se ativa v\u00eddeos, 360\u00b0, badges ou marca de \u00e1gua, e se a miniatura muda no cat\u00e1logo. Guarde, abra a ficha e confirme o resultado em dois cliques.<\/p>\n<\/li>\n<\/ol>\n<p>Se a sua ficha for constru\u00edda por um construtor como Elementor ou Bricks, ou por um tema com galeria pr\u00f3pria, existe um campo para adicionar os seletores CSS desse contentor e para que o filtro funcione tamb\u00e9m a\u00ed. \u00c9 o mais pr\u00f3ximo de c\u00f3digo que ver\u00e1: colar um seletor.<\/p>\n<h2 id=\"para-quien\">Para quem \u00e9 este plugin de galeria por variante?<\/h2>\n<ul>\n<li><strong>Moda, cal\u00e7ado e acess\u00f3rios.<\/strong> \u00c9 o caso cl\u00e1ssico: cinco cores, quatro tamanhos e um cliente que quer ver a pe\u00e7a vestida na cor exata que escolheu. Juntamente com swatches visuais, a ficha comporta-se como a de uma grande marca.<\/li>\n<li><strong>Decora\u00e7\u00e3o, mobili\u00e1rio e t\u00eaxtil-lar.<\/strong> Um sof\u00e1 em seis estofos precisa de seis galerias de ambiente, n\u00e3o de seis miniaturas. Aqui, a diferen\u00e7a entre ver o tecido e adivinh\u00e1-lo \u00e9 literalmente a venda.<\/li>\n<li><strong>Joalharia, cosm\u00e9tica e oferta personalizada.<\/strong> Acabamentos em ouro, prata ou ros\u00e9, tons de batom, grava\u00e7\u00f5es: pequenos detalhes que s\u00f3 se apreciam com v\u00e1rias fotos de perto e, muitas vezes, com uma rota\u00e7\u00e3o de 360\u00b0.<\/li>\n<li><strong>Lojas com cat\u00e1logo importado ou de <a href=\"https:\/\/consultoriaehero.com\/pt\/categoria-do-produto\/plugins-woocommerce-pt\/\">dropshipping<\/a>.<\/strong> Quando o fornecedor envia as fotos agrupadas por cor, o mapa por atributo evita ter de as atribuir varia\u00e7\u00e3o a varia\u00e7\u00e3o sempre que entra um produto novo.<\/li>\n<li><strong>Quem j\u00e1 duplicou produtos e quer voltar atr\u00e1s.<\/strong> Se tem cinco fichas do mesmo artigo s\u00f3 para que cada uma tenha a sua galeria, este plugin permite consolid\u00e1-las num \u00fanico produto vari\u00e1vel sem perder a experi\u00eancia visual.<\/li>\n<\/ul>\n<h2 id=\"compatibilidad\">Compatibilidade<\/h2>\n<p>EHERO Woo Variation Gallery trabalha sobre o <a href=\"https:\/\/woocommerce.com\/document\/variable-product\/\" target=\"_blank\" rel=\"noopener\">produto vari\u00e1vel nativo do WooCommerce<\/a>: n\u00e3o cria um tipo de produto pr\u00f3prio nem move os seus dados para tabelas paralelas. Funciona em <a href=\"https:\/\/wordpress.org\/download\/\" target=\"_blank\" rel=\"noopener\">WordPress<\/a> 5.8 ou superior, declara compatibilidade com HPOS \u2014o armazenamento de encomendas de alto desempenho\u2014 e est\u00e1 testado at\u00e9 ao 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>Produtos vari\u00e1veis nativos<\/li>\n<li>Elementor<\/li>\n<li>Bricks Builder<\/li>\n<li>Seletores personalizados<\/li>\n<li>Compat\u00edvel com swatches<\/li>\n<\/ul>\n<p>Se desativar o plugin, os seus produtos continuam a funcionar: as varia\u00e7\u00f5es mant\u00eam a sua imagem nativa e a ficha volta ao comportamento padr\u00e3o. N\u00e3o h\u00e1 depend\u00eancia t\u00e9cnica que o prenda.<\/p>\n<h2 id=\"licencia\">O que inclui a sua licen\u00e7a<\/h2>\n<p>A licen\u00e7a de EHERO Woo Variation Gallery custa <strong>49,99 \u20ac por ano<\/strong> e inclui tudo o que \u00e9 necess\u00e1rio para ter v\u00e1rias imagens por variante no WooCommerce a funcionar desde o primeiro dia, sem m\u00f3dulos extra nem funcionalidades pagas \u00e0 parte:<\/p>\n<ul>\n<li><strong>Todas as funcionalidades, sem vers\u00f5es reduzidas.<\/strong> Galeria por variante, mapa por atributo, imagens partilhadas, v\u00eddeos, 360\u00b0, badges, marca de \u00e1gua, mudan\u00e7a de foto no cat\u00e1logo, imagem da variante no carrinho e estat\u00edsticas.<\/li>\n<li><strong>Um ano de atualiza\u00e7\u00f5es autom\u00e1ticas<\/strong> a partir do painel do WordPress, com as melhorias do plugin e a compatibilidade com as novas vers\u00f5es do WooCommerce.<\/li>\n<li><strong>Suporte t\u00e9cnico em espanhol<\/strong>, prestado pela mesma equipa que desenvolve o plugin.<\/li>\n<li><strong>Documenta\u00e7\u00e3o e manual em castelhano<\/strong>, acess\u00edveis a partir do pr\u00f3prio painel do plugin.<\/li>\n<li><strong>Licen\u00e7a para um dom\u00ednio<\/strong>, com ativa\u00e7\u00e3o e desativa\u00e7\u00e3o a partir do seu painel para a poder mover se mudar de instala\u00e7\u00e3o.<\/li>\n<\/ul>\n<h2 id=\"faq\">Perguntas frequentes<\/h2>\n<h3>Tenho de duplicar produtos para ter v\u00e1rias imagens por variante no WooCommerce?<\/h3>\n<p>N\u00e3o, e esse \u00e9 precisamente o objetivo do plugin. Continua a ter um \u00fanico produto vari\u00e1vel, com o seu stock, as suas avalia\u00e7\u00f5es e o seu URL. O que muda \u00e9 que cada varia\u00e7\u00e3o pode ter uma galeria completa em vez de apenas uma foto. Se j\u00e1 duplicou produtos por este motivo, pode consolid\u00e1-los novamente num s\u00f3.<\/p>\n<h3>Tenho de atribuir as fotos varia\u00e7\u00e3o a varia\u00e7\u00e3o?<\/h3>\n<p>S\u00f3 se quiser o m\u00e1ximo detalhe. O habitual \u00e9 atribu\u00ed-las ao valor do atributo: se as suas fotos dependem da cor e n\u00e3o do tamanho, configura as imagens de \u00abAzul\u00bb uma vez e todos os tamanhos azuis herdam essa galeria. Para uma t-shirt de 4 cores por 5 tamanhos, isso s\u00e3o 4 configura\u00e7\u00f5es em vez de 20.<\/p>\n<h3>Funciona com o meu tema ou com o meu construtor?<\/h3>\n<p>Com os temas que usam a galeria padr\u00e3o do WooCommerce funciona sem configurar nada. Se a ficha for constru\u00edda por Elementor, Bricks ou outro construtor com galeria pr\u00f3pria, existe um campo nas defini\u00e7\u00f5es onde pode adicionar os seletores CSS desse contentor para que o filtro tamb\u00e9m se aplique a\u00ed.<\/p>\n<h3>O que acontece se uma varia\u00e7\u00e3o n\u00e3o tiver imagens atribu\u00eddas?<\/h3>\n<p>\u00c9 voc\u00ea que decide nas defini\u00e7\u00f5es. Pode cair primeiro no atributo \u2014a galeria da cor, por exemplo\u2014 e, se tamb\u00e9m n\u00e3o existir, mostrar a galeria completa do produto; pode saltar o atributo e ir diretamente mostrar tudo; ou pode n\u00e3o mostrar nada para al\u00e9m do que foi atribu\u00eddo. Al\u00e9m disso, pode for\u00e7ar a imagem destacada do produto a manter-se sempre vis\u00edvel.<\/p>\n<h3>Os v\u00eddeos e o visualizador 360\u00b0 tornam a ficha mais lenta?<\/h3>\n<p>O carregamento diferido est\u00e1 ativado por defeito, por isso as imagens e os v\u00eddeos das variantes n\u00e3o s\u00e3o descarregados at\u00e9 serem necess\u00e1rios. Os v\u00eddeos s\u00e3o inseridos como slide da galeria e o visualizador 360\u00b0 reutiliza fotos que j\u00e1 carregou, sem bibliotecas externas pesadas. Ainda assim, ambas as fun\u00e7\u00f5es podem ser desativadas de forma independente se preferir uma ficha m\u00ednima.<\/p>\n<h3>A imagem correta tamb\u00e9m chega ao carrinho e \u00e0 encomenda?<\/h3>\n<p>Sim. A miniatura do carrinho e da encomenda usa a imagem da variante escolhida em vez da foto gen\u00e9rica do produto pai. \u00c9 uma op\u00e7\u00e3o ativada por defeito e reduz os incidentes de clientes que pensam ter recebido um artigo diferente do que compraram.<\/p>\n<h2 id=\"relacionados\">Produtos relacionados<\/h2>\n<ul>\n<li><a href=\"https:\/\/consultoriaehero.com\/pt\/produto\/ehero-woo-swatches-amostras-visuais-para-variacoes-de-woocommerce\/\">EHERO Woo Swatches<\/a> \u2014 substitui os menus suspensos de varia\u00e7\u00f5es por c\u00edrculos de cor e miniaturas. \u00c9 o complemento natural: o swatch escolhe, a galeria mostra.<\/li>\n<li><a href=\"https:\/\/consultoriaehero.com\/pt\/produto\/ehero-woo-product-converter-7\/\">Conversor de produtos WooCommerce<\/a> \u2014 converte produtos simples em vari\u00e1veis em s\u00e9rie, ideal se vem de um cat\u00e1logo com uma ficha por cor e quer unific\u00e1-lo.<\/li>\n<li><a href=\"https:\/\/consultoriaehero.com\/pt\/produto\/ehero-woo-categories-gestao-massiva-de-categorias-para-woocommerce\/\">EHERO Woo Categories<\/a> \u2014 gest\u00e3o massiva de categorias e atributos: uma base organizada faz com que o mapa de imagens por atributo funcione em todo o cat\u00e1logo.<\/li>\n<li><a href=\"https:\/\/consultoriaehero.com\/pt\/produto\/ehero-woocommerce-desconto-2\/\">EHERO WooCommerce Discount<\/a> \u2014 descontos avan\u00e7ados para fechar a venda que a galeria acabou de convencer.<\/li>\n<\/ul>\n<section class=\"ehero-cta\">\n<h2>Que cada variante mostre o que o cliente escolheu<\/h2>\n<p>Uma \u00fanica foto por varia\u00e7\u00e3o \u00e9 uma limita\u00e7\u00e3o do WooCommerce, n\u00e3o uma decis\u00e3o da sua loja. D\u00ea a cada cor, tamanho e acabamento a sua pr\u00f3pria galeria \u2014com ordem, capa, v\u00eddeo e 360\u00b0\u2014 por 49,99 \u20ac por ano, licen\u00e7a para um dom\u00ednio e suporte em espanhol.<\/p>\n<p><a class=\"ehero-btn\" href=\"https:\/\/consultoriaehero.com\/pt\/produto\/ehero-woo-variation-gallery-varias-imagens-por-variante-em-woocommerce\/\">Comprar EHERO Woo Variation Gallery<\/a><br \/>\n    <a class=\"ehero-btn ehero-btn--ghost\" href=\"https:\/\/consultoriaehero.com\/pt\/loja\/\">Ver todos os 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\u00f3pria para cada variante em WooCommerce: v\u00e1rias imagens por variante, v\u00eddeos, visualizador 360\u00b0, badges e marca de \u00e1gua, sem duplicar produtos.\",\"offers\":{\"@type\":\"Offer\",\"price\":\"49.99\",\"priceCurrency\":\"EUR\"},\"publisher\":{\"@type\":\"Organization\",\"name\":\"Consultoria EHERO S.L.U\",\"url\":\"https:\/\/consultoriaehero.com\/pt\/\"}}<\/script><br \/>\n<script type=\"application\/ld+json\">{\"@context\":\"https:\/\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"Tenho de duplicar produtos para ter v\u00e1rias imagens por variante em WooCommerce?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"N\u00e3o, e esse \u00e9 precisamente o motivo do plugin. Continuas a ter um \u00fanico produto vari\u00e1vel, com o seu stock, as suas avalia\u00e7\u00f5es e o seu URL. O que muda \u00e9 que cada varia\u00e7\u00e3o pode ter uma galeria completa em vez de uma \u00fanica foto. Se j\u00e1 duplicaste produtos por este motivo, podes consolid\u00e1-los novamente num s\u00f3.\"}},{\"@type\":\"Question\",\"name\":\"Tenho de atribuir as fotos varia\u00e7\u00e3o a varia\u00e7\u00e3o?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"S\u00f3 se quiseres o m\u00e1ximo detalhe. O habitual \u00e9 atribu\u00ed-las ao valor do atributo: se as tuas fotos dependem da cor e n\u00e3o do tamanho, configuras as imagens de \u00abAzul\u00bb uma vez e todos os tamanhos azuis herdam essa galeria. Para uma t-shirt de 4 cores por 5 tamanhos, isso s\u00e3o 4 configura\u00e7\u00f5es em vez de 20.\"}},{\"@type\":\"Question\",\"name\":\"Funciona com o meu tema ou com o meu construtor?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Com os temas que usam a galeria padr\u00e3o de WooCommerce funciona sem configurar nada. Se a ficha for constru\u00edda por Elementor, Bricks ou outro construtor com galeria pr\u00f3pria, h\u00e1 um campo nas defini\u00e7\u00f5es onde podes adicionar os seletores CSS desse contentor para que o filtro tamb\u00e9m seja aplicado a\u00ed.\"}},{\"@type\":\"Question\",\"name\":\"O que acontece se uma variante n\u00e3o tiver imagens atribu\u00eddas?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Decides tu nas defini\u00e7\u00f5es. Pode primeiro recorrer ao atributo \u2014a galeria da cor, por exemplo\u2014 e, se tamb\u00e9m n\u00e3o existir, mostrar a galeria completa do produto; pode ignorar o atributo e ir diretamente mostrar tudo; ou pode n\u00e3o mostrar nada al\u00e9m do que estiver atribu\u00eddo. Al\u00e9m disso, podes for\u00e7ar que a imagem destacada do produto se mantenha sempre vis\u00edvel.\"}},{\"@type\":\"Question\",\"name\":\"Os v\u00eddeos e o visualizador 360\u00b0 tornam a ficha mais lenta?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"O carregamento diferido est\u00e1 ativado por defeito, por isso as imagens e os v\u00eddeos das variantes n\u00e3o s\u00e3o descarregados at\u00e9 serem necess\u00e1rios. Os v\u00eddeos s\u00e3o inseridos como diapositivo da galeria e o visualizador 360\u00b0 reutiliza fotos que j\u00e1 carregaste, sem bibliotecas externas pesadas. Ainda assim, ambas as fun\u00e7\u00f5es podem ser desativadas de forma independente se preferires uma ficha m\u00ednima.\"}},{\"@type\":\"Question\",\"name\":\"A imagem correta chega tamb\u00e9m ao carrinho e ao pedido?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Sim. A miniatura do carrinho e do pedido usa a imagem da variante escolhida em vez da foto gen\u00e9rica do produto pai. \u00c9 uma op\u00e7\u00e3o ativada por defeito e reduz os casos de clientes que pensam ter recebido um artigo diferente do que compraram.\"}}]}<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>D\u00e1 a cada variante a sua pr\u00f3pria galeria no WooCommerce: v\u00e1rias imagens por variante, v\u00eddeos e visualizador 360\u00b0, sem duplicar produtos. A partir de 49,99 \u20ac\/ano.<\/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":"V\u00e1rias imagens por variante no WooCommerce | EHERO","rank_math_description":"D\u00e1 a cada variante a sua pr\u00f3pria galeria no WooCommerce: v\u00e1rias imagens por variante, v\u00eddeos e visualizador 360\u00b0, sem duplicar produtos. A partir de 49,99 \u20ac\/ano.","rank_math_robots":[],"rank_math_canonical_url":"","rank_math_seo_score":80,"footnotes":""},"class_list":["post-10439","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/pages\/10439","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=10439"}],"version-history":[{"count":2,"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/pages\/10439\/revisions"}],"predecessor-version":[{"id":10441,"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/pages\/10439\/revisions\/10441"}],"wp:attachment":[{"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/media?parent=10439"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}