{"id":10393,"date":"2026-08-02T11:07:14","date_gmt":"2026-08-02T09:07:14","guid":{"rendered":"https:\/\/consultoriaehero.com\/?p=10393"},"modified":"2026-08-02T11:07:14","modified_gmt":"2026-08-02T09:07:14","slug":"woocommerce-nao-muda-a-imagem-ao-escolher-uma-variacao-por-que-isso-acontece","status":"publish","type":"post","link":"https:\/\/consultoriaehero.com\/pt\/woocommerce-nao-muda-a-imagem-ao-escolher-uma-variacao-por-que-isso-acontece\/","title":{"rendered":"WooCommerce n\u00e3o muda a imagem ao escolher uma varia\u00e7\u00e3o: por que isso acontece"},"content":{"rendered":"<p>\u00c9 uma das frustra\u00e7\u00f5es mais repetidas de quem monta uma loja com produtos em v\u00e1rias cores ou acabamentos: o cliente escolhe \u00abazul-marinho\u00bb e a ficha continua a mostrar a foto do cinzento. Ou pior: muda a imagem principal, mas a galeria de baixo fica com as fotos da cor anterior. N\u00e3o est\u00e1s a fazer nada mal \u2014<strong>WooCommerce funciona assim de origem<\/strong>\u2014 e vale a pena perceber porqu\u00ea antes de procurar uma solu\u00e7\u00e3o.<\/p>\n<h2>O que o WooCommerce faz realmente com as imagens da varia\u00e7\u00e3o<\/h2>\n<p>O WooCommerce permite atribuir <strong>uma \u00fanica imagem<\/strong> a cada varia\u00e7\u00e3o. Uma. Quando o cliente seleciona uma combina\u00e7\u00e3o de atributos, o sistema substitui a imagem destacada por essa \u00fanica foto e deixa a galeria do produto pai intacta.<\/p>\n<p>Isso funciona razoavelmente bem se vendes algo em que uma foto chega. Deixa de funcionar assim que o teu produto precisa de v\u00e1rias vistas por cor: frente e verso de uma t-shirt, detalhe do tecido, a pe\u00e7a vestida, o produto aberto e fechado. Nesse momento tens duas m\u00e1s op\u00e7\u00f5es e nenhuma boa.<\/p>\n<h3>Op\u00e7\u00e3o A: meter tudo na galeria do pai<\/h3>\n<p>Carregas as trinta fotos \u2014cinco cores por seis vistas\u2014 para a galeria do produto. O cliente que quer ver o azul tem de passar por vinte e quatro imagens que n\u00e3o lhe interessam. Em mobile, onde chega mais de metade do teu tr\u00e1fego, isso \u00e9 um carrossel infinito que ningu\u00e9m termina.<\/p>\n<p>Al\u00e9m disso penaliza a velocidade: est\u00e1s a carregar trinta imagens quando o visitante s\u00f3 vai ver seis.<\/p>\n<h3>Op\u00e7\u00e3o B: criar um produto por cor<\/h3>\n<p>Multiplicas as fichas e com elas o trabalho: cada altera\u00e7\u00e3o de pre\u00e7o, stock ou descri\u00e7\u00e3o tem de ser feita cinco vezes. E fragmentas as avalia\u00e7\u00f5es e a autoridade da p\u00e1gina entre cinco URLs que competem entre si no Google.<\/p>\n<p>\u00c9 a solu\u00e7\u00e3o que mais gente acaba por adotar, e a que sai mais cara a m\u00e9dio prazo.<\/p>\n<h2>Porque \u00e9 que o problema aparece a meio do projeto<\/h2>\n<p>Quase ningu\u00e9m deteta isto ao montar a loja. Deteta-se quando o cat\u00e1logo cresce, ou quando entra um produto com seis acabamentos, ou quando o cliente pergunta porque n\u00e3o v\u00ea o verso do modelo que escolheu.<\/p>\n<p>Quando isso acontece, j\u00e1 tens a estrutura montada, e mudar de abordagem significa refazer fichas. Por isso conv\u00e9m decidir antes: se o teu cat\u00e1logo tem varia\u00e7\u00f5es visuais, vais precisar de uma galeria por varia\u00e7\u00e3o mais cedo ou mais tarde.<\/p>\n<ul>\n<li>T\u00eaxtil e moda: quase sempre, porque cada cor precisa de frente, verso e detalhe.<\/li>\n<li>Mobili\u00e1rio e decora\u00e7\u00e3o: o mesmo m\u00f3vel em tr\u00eas acabamentos \u00e9, visualmente, tr\u00eas produtos.<\/li>\n<li>Cosm\u00e9tica e perfumaria: embalagem, textura e resultado mudam por variante.<\/li>\n<li>Material t\u00e9cnico: cada medida ou acabamento tem as suas pr\u00f3prias fotos de detalhe.<\/li>\n<\/ul>\n<h2>O que deve fazer uma galeria por varia\u00e7\u00e3o bem resolvida<\/h2>\n<p>N\u00e3o basta \u00abmudar a foto\u00bb. Estas s\u00e3o as condi\u00e7\u00f5es que separam uma solu\u00e7\u00e3o que funciona de um remendo:<\/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 por variante<\/td>\n<td style=\"padding: 11px 12px;font-size: 13px;line-height: 1.6;color: #335066;vertical-align: top\">Ao selecionar uma varia\u00e7\u00e3o, a galeria inteira \u00e9 substitu\u00edda, n\u00e3o apenas a imagem destacada. O cliente v\u00ea as fotos da sua cor e mais nenhuma.<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 200px;padding: 11px 12px;font-size: 13px;font-weight: bold;color: #017cba;vertical-align: top\">Sem recarregar a p\u00e1gina<\/td>\n<td style=\"padding: 11px 12px;font-size: 13px;line-height: 1.6;color: #335066;vertical-align: top\">A mudan\u00e7a \u00e9 instant\u00e2nea. Se a ficha piscar ou saltar para o in\u00edcio, a experi\u00eancia quebra-se exatamente no momento da decis\u00e3o.<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 200px;padding: 11px 12px;font-size: 13px;font-weight: bold;color: #017cba;vertical-align: top\">Miniaturas e zoom coerentes<\/td>\n<td style=\"padding: 11px 12px;font-size: 13px;line-height: 1.6;color: #335066;vertical-align: top\">As miniaturas, o zoom e o lightbox devem refletir a varia\u00e7\u00e3o ativa. \u00c9 a\u00ed que falham a maioria das solu\u00e7\u00f5es improvisadas.<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 200px;padding: 11px 12px;font-size: 13px;font-weight: bold;color: #017cba;vertical-align: top\">Carregamento sob demanda<\/td>\n<td style=\"padding: 11px 12px;font-size: 13px;line-height: 1.6;color: #335066;vertical-align: top\">S\u00f3 s\u00e3o carregadas as imagens da varia\u00e7\u00e3o que est\u00e1 a ser vista. Nem a velocidade nem o consumo de dados do telem\u00f3vel devem pagar o cat\u00e1logo inteiro.<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 200px;padding: 11px 12px;font-size: 13px;font-weight: bold;color: #017cba;vertical-align: top\">Compat\u00edvel com o teu tema<\/td>\n<td style=\"padding: 11px 12px;font-size: 13px;line-height: 1.6;color: #335066;vertical-align: top\">Deve funcionar sobre a galeria nativa do WooCommerce, n\u00e3o substitu\u00ed-la por uma pr\u00f3pria que se parta com a atualiza\u00e7\u00e3o seguinte.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2>Como o EHERO Woo Variation Gallery resolve isso<\/h2>\n<p><a href=\"https:\/\/consultoriaehero.com\/pt\/produto\/ehero-woo-variation-gallery-varias-imagens-por-variante-em-woocommerce\/\">EHERO Woo Variation Gallery<\/a> adiciona a cada varia\u00e7\u00e3o a sua pr\u00f3pria galeria de imagens, com o n\u00famero de fotos de que precisares. S\u00e3o atribu\u00eddas a partir da mesma ecr\u00e3 de varia\u00e7\u00f5es do WooCommerce, sem tocar em c\u00f3digo nem mudar de template.<\/p>\n<p>Ao selecionar uma varia\u00e7\u00e3o, a galeria completa \u00e9 substitu\u00edda de imediato: imagem principal, miniaturas e zoom. O resto da ficha \u2014pre\u00e7o, stock, descri\u00e7\u00e3o, avalia\u00e7\u00f5es\u2014 continua a ser o de um \u00fanico produto, que \u00e9 como deve ser.<\/p>\n<h3>Como encaixa com os seletores visuais<\/h3>\n<p>A galeria resolve <em>o que o cliente v\u00ea<\/em>; os seletores resolvem <em>como escolhe<\/em>. Se as tuas varia\u00e7\u00f5es s\u00e3o cores ou materiais, substituir o menu dropdown por amostras visuais com <a href=\"https:\/\/consultoriaehero.com\/pt\/produto\/ehero-woo-swatches-amostras-visuais-para-variacoes-de-woocommerce\/\">EHERO Woo Swatches<\/a> completa a experi\u00eancia: o cliente v\u00ea a cor, clica nela e a galeria inteira muda para essa cor.<\/p>\n<p>S\u00e3o duas pe\u00e7as diferentes e funcionam separadamente, mas juntas transformam uma ficha de varia\u00e7\u00f5es em algo parecido com uma loja de marca.<\/p>\n<ul>\n<li>Tantas imagens por varia\u00e7\u00e3o quantas quiseres, n\u00e3o apenas uma.<\/li>\n<li>Substitui\u00e7\u00e3o da galeria completa, n\u00e3o s\u00f3 da destacada.<\/li>\n<li>Miniaturas, zoom e lightbox sincronizados com a variante ativa.<\/li>\n<li>Carregamento sob demanda para n\u00e3o penalizar a velocidade.<\/li>\n<li>Funciona sobre a galeria nativa do WooCommerce e respeita o teu tema.<\/li>\n<\/ul>\n<h2>O que perdes enquanto convives com o problema<\/h2>\n<p>\u00c9 f\u00e1cil adiar isto porque n\u00e3o parte nada: a loja funciona, as encomendas entram e ningu\u00e9m escreve a reclamar das fotos. O custo \u00e9 silencioso e por isso \u00e9 subestimado.<\/p>\n<p>O cliente que n\u00e3o encontra a vista que procura n\u00e3o protesta: vai-se embora. E n\u00e3o vai embora porque o teu produto n\u00e3o lhe agrade, mas porque n\u00e3o o conseguiu ver bem. Em categorias onde o aspeto decide a compra \u2014moda, decora\u00e7\u00e3o, cosm\u00e9tica\u2014 essa diferen\u00e7a leva consigo uma parte das vendas que nunca aparece em nenhuma estat\u00edstica.<\/p>\n<p>H\u00e1 ainda um efeito de segunda ordem: as devolu\u00e7\u00f5es. Quando o cliente compra com uma ideia aproximada da cor porque n\u00e3o a conseguiu ver bem, a probabilidade de o produto n\u00e3o corresponder ao que esperava aumenta. E uma devolu\u00e7\u00e3o custa o envio de ida, o de volta, a verifica\u00e7\u00e3o do artigo e, muitas vezes, o cliente.<\/p>\n<h2>Como verificar se te est\u00e1 a afetar<\/h2>\n<p>Antes de investires na resolu\u00e7\u00e3o, mede. Tens tr\u00eas sinais f\u00e1ceis de observar sem ferramentas especiais:<\/p>\n<ul>\n<li><strong>Compara a convers\u00e3o<\/strong> dos teus produtos com varia\u00e7\u00f5es face aos produtos simples. Se os de varia\u00e7\u00f5es convertem claramente pior e o pre\u00e7o \u00e9 parecido, a ficha \u00e9 suspeita.<\/li>\n<li><strong>V\u00ea o tempo na p\u00e1gina<\/strong> das fichas com muitas fotos. Um tempo alto com convers\u00e3o baixa costuma significar que o cliente procura algo e n\u00e3o encontra.<\/li>\n<li><strong>Rev\u00ea as devolu\u00e7\u00f5es por \u00abn\u00e3o era o que esperava\u00bb<\/strong>. Se se concentram em produtos com varia\u00e7\u00f5es de cor, o problema est\u00e1 no que se v\u00ea antes de comprar.<\/li>\n<\/ul>\n<p>Nenhum dos tr\u00eas \u00e9 conclusivo por si s\u00f3. Os tr\u00eas ao mesmo tempo a apontar na mesma dire\u00e7\u00e3o, sim.<\/p>\n<h2>Perguntas frequentes<\/h2>\n<p><strong>Posso colocar v\u00e1rias imagens por varia\u00e7\u00e3o sem plugin?<\/strong><\/p>\n<p>N\u00e3o com o WooCommerce de s\u00e9rie: o sistema admite uma \u00fanica imagem por varia\u00e7\u00e3o. Pode conseguir-se algo parecido programando sobre os hooks da galeria, mas \u00e9 trabalho \u00e0 medida que tem de ser mantido com cada atualiza\u00e7\u00e3o do WooCommerce e do tema.<\/p>\n<p><strong>Ralentiza a ficha de produto?<\/strong><\/p>\n<p>N\u00e3o, se a solu\u00e7\u00e3o carregar as imagens sob demanda. Na verdade, costuma ser mais r\u00e1pido do que a alternativa habitual, que \u00e9 meter todas as fotos de todas as cores na galeria do pai e carreg\u00e1-las sempre.<\/p>\n<p><strong>Funciona com qualquer tema?<\/strong><\/p>\n<p>Trabalha sobre a galeria nativa do WooCommerce, por isso funciona com os temas que a respeitam. Os temas que substituem a galeria por uma pr\u00f3pria requerem verifica\u00e7\u00e3o pr\u00e9via; se tiveres d\u00favidas, pergunta-nos antes de comprar.<\/p>\n<p><strong>E se uma cor n\u00e3o tiver fotos pr\u00f3prias?<\/strong><\/p>\n<p>Mostra-se a galeria do produto pai. N\u00e3o fica em branco nem obriga a carregar imagens para todas as varia\u00e7\u00f5es desde o primeiro dia: podes ir completando aos poucos.<\/p>\n<p><strong>Afecta o SEO ter uma \u00fanica ficha em vez de uma por cor?<\/strong><\/p>\n<p>Beneficia-o. Uma ficha concentra links, avalia\u00e7\u00f5es e autoridade numa URL, em vez de os repartir por cinco p\u00e1ginas quase id\u00eanticas que ainda por cima competem entre si nos resultados.<\/p>\n<h2>Conclus\u00e3o<\/h2>\n<p>O facto de o WooCommerce n\u00e3o mudar a galeria ao escolher uma varia\u00e7\u00e3o n\u00e3o \u00e9 uma falha da tua loja: \u00e9 uma limita\u00e7\u00e3o do sistema que se nota precisamente quando o cat\u00e1logo come\u00e7a a crescer. Podes conviver com ela juntando todas as fotos, duplicar fichas por cor e pagar o pre\u00e7o em manuten\u00e7\u00e3o, ou dar a cada varia\u00e7\u00e3o a sua pr\u00f3pria galeria. Se te interessa a terceira op\u00e7\u00e3o, tens os detalhes e uma demonstra\u00e7\u00e3o na p\u00e1gina do <a href=\"https:\/\/consultoriaehero.com\/pt\/varias-imagens-por-variante-no-woocommerce-ehero-woo-variation-gallery\/\">plugin de galeria por variante para WooCommerce<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00c9 uma das frustra\u00e7\u00f5es mais repetidas de quem monta uma loja com produtos em v\u00e1rias cores ou acabamentos: o cliente escolhe \u00abazul-marinho\u00bb e a ficha continua a mostrar a foto do cinzento. Ou pior: muda a imagem principal, mas a galeria de baixo fica com as fotos da cor anterior. N\u00e3o est\u00e1s a fazer nada [&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 n\u00e3o muda a imagem da varia\u00e7\u00e3o: solu\u00e7\u00e3o","rank_math_description":"Se o WooCommerce n\u00e3o muda a imagem ao escolher uma varia\u00e7\u00e3o, ou s\u00f3 muda uma, aqui est\u00e1 o motivo e como mostrar uma galeria completa por variante.","rank_math_robots":[],"rank_math_canonical_url":"","rank_math_seo_score":54,"footnotes":""},"categories":[1561,34,1569],"tags":[],"class_list":["post-10393","post","type-post","status-publish","format-standard","hentry","category-e-commerce-pt","category-marketing-digital","category-wordpress-pt"],"acf":[],"_links":{"self":[{"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/posts\/10393","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=10393"}],"version-history":[{"count":1,"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/posts\/10393\/revisions"}],"predecessor-version":[{"id":10394,"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/posts\/10393\/revisions\/10394"}],"wp:attachment":[{"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/media?parent=10393"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/categories?post=10393"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/consultoriaehero.com\/wp-json\/wp\/v2\/tags?post=10393"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}