É uma das frustrações mais repetidas de quem monta uma loja com produtos em várias cores ou acabamentos: o cliente escolhe «azul-marinho» 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ão estás a fazer nada mal —WooCommerce funciona assim de origem— e vale a pena perceber porquê antes de procurar uma solução.

O que o WooCommerce faz realmente com as imagens da variação

O WooCommerce permite atribuir uma única imagem a cada variação. Uma. Quando o cliente seleciona uma combinação de atributos, o sistema substitui a imagem destacada por essa única foto e deixa a galeria do produto pai intacta.

Isso funciona razoavelmente bem se vendes algo em que uma foto chega. Deixa de funcionar assim que o teu produto precisa de várias vistas por cor: frente e verso de uma t-shirt, detalhe do tecido, a peça vestida, o produto aberto e fechado. Nesse momento tens duas más opções e nenhuma boa.

Opção A: meter tudo na galeria do pai

Carregas as trinta fotos —cinco cores por seis vistas— para a galeria do produto. O cliente que quer ver o azul tem de passar por vinte e quatro imagens que não lhe interessam. Em mobile, onde chega mais de metade do teu tráfego, isso é um carrossel infinito que ninguém termina.

Além disso penaliza a velocidade: estás a carregar trinta imagens quando o visitante só vai ver seis.

Opção B: criar um produto por cor

Multiplicas as fichas e com elas o trabalho: cada alteração de preço, stock ou descrição tem de ser feita cinco vezes. E fragmentas as avaliações e a autoridade da página entre cinco URLs que competem entre si no Google.

É a solução que mais gente acaba por adotar, e a que sai mais cara a médio prazo.

Porque é que o problema aparece a meio do projeto

Quase ninguém deteta isto ao montar a loja. Deteta-se quando o catálogo cresce, ou quando entra um produto com seis acabamentos, ou quando o cliente pergunta porque não vê o verso do modelo que escolheu.

Quando isso acontece, já tens a estrutura montada, e mudar de abordagem significa refazer fichas. Por isso convém decidir antes: se o teu catálogo tem variações visuais, vais precisar de uma galeria por variação mais cedo ou mais tarde.

• Têxtil e moda: quase sempre, porque cada cor precisa de frente, verso e detalhe.
• Mobiliário e decoração: o mesmo móvel em três acabamentos é, visualmente, três produtos.
• Cosmética e perfumaria: embalagem, textura e resultado mudam por variante.
• Material técnico: cada medida ou acabamento tem as suas próprias fotos de detalhe.

O que deve fazer uma galeria por variação bem resolvida

Não basta «mudar a foto». Estas são as condições que separam uma solução que funciona de um remendo:

Galeria completa por variante	Ao selecionar uma variação, a galeria inteira é substituída, não apenas a imagem destacada. O cliente vê as fotos da sua cor e mais nenhuma.
Sem recarregar a página	A mudança é instantânea. Se a ficha piscar ou saltar para o início, a experiência quebra-se exatamente no momento da decisão.
Miniaturas e zoom coerentes	As miniaturas, o zoom e o lightbox devem refletir a variação ativa. É aí que falham a maioria das soluções improvisadas.
Carregamento sob demanda	Só são carregadas as imagens da variação que está a ser vista. Nem a velocidade nem o consumo de dados do telemóvel devem pagar o catálogo inteiro.
Compatível com o teu tema	Deve funcionar sobre a galeria nativa do WooCommerce, não substituí-la por uma própria que se parta com a atualização seguinte.

Como o EHERO Woo Variation Gallery resolve isso

EHERO Woo Variation Gallery adiciona a cada variação a sua própria galeria de imagens, com o número de fotos de que precisares. São atribuídas a partir da mesma ecrã de variações do WooCommerce, sem tocar em código nem mudar de template.

Ao selecionar uma variação, a galeria completa é substituída de imediato: imagem principal, miniaturas e zoom. O resto da ficha —preço, stock, descrição, avaliações— continua a ser o de um único produto, que é como deve ser.

Como encaixa com os seletores visuais

A galeria resolve o que o cliente vê; os seletores resolvem como escolhe. Se as tuas variações são cores ou materiais, substituir o menu dropdown por amostras visuais com EHERO Woo Swatches completa a experiência: o cliente vê a cor, clica nela e a galeria inteira muda para essa cor.

São duas peças diferentes e funcionam separadamente, mas juntas transformam uma ficha de variações em algo parecido com uma loja de marca.

• Tantas imagens por variação quantas quiseres, não apenas uma.
• Substituição da galeria completa, não só da destacada.
• Miniaturas, zoom e lightbox sincronizados com a variante ativa.
• Carregamento sob demanda para não penalizar a velocidade.
• Funciona sobre a galeria nativa do WooCommerce e respeita o teu tema.

O que perdes enquanto convives com o problema

É fácil adiar isto porque não parte nada: a loja funciona, as encomendas entram e ninguém escreve a reclamar das fotos. O custo é silencioso e por isso é subestimado.

O cliente que não encontra a vista que procura não protesta: vai-se embora. E não vai embora porque o teu produto não lhe agrade, mas porque não o conseguiu ver bem. Em categorias onde o aspeto decide a compra —moda, decoração, cosmética— essa diferença leva consigo uma parte das vendas que nunca aparece em nenhuma estatística.

Há ainda um efeito de segunda ordem: as devoluções. Quando o cliente compra com uma ideia aproximada da cor porque não a conseguiu ver bem, a probabilidade de o produto não corresponder ao que esperava aumenta. E uma devolução custa o envio de ida, o de volta, a verificação do artigo e, muitas vezes, o cliente.

Como verificar se te está a afetar

Antes de investires na resolução, mede. Tens três sinais fáceis de observar sem ferramentas especiais:

• Compara a conversão dos teus produtos com variações face aos produtos simples. Se os de variações convertem claramente pior e o preço é parecido, a ficha é suspeita.
• Vê o tempo na página das fichas com muitas fotos. Um tempo alto com conversão baixa costuma significar que o cliente procura algo e não encontra.
• Revê as devoluções por «não era o que esperava». Se se concentram em produtos com variações de cor, o problema está no que se vê antes de comprar.

Nenhum dos três é conclusivo por si só. Os três ao mesmo tempo a apontar na mesma direção, sim.

Perguntas frequentes

Posso colocar várias imagens por variação sem plugin?

Não com o WooCommerce de série: o sistema admite uma única imagem por variação. Pode conseguir-se algo parecido programando sobre os hooks da galeria, mas é trabalho à medida que tem de ser mantido com cada atualização do WooCommerce e do tema.

Ralentiza a ficha de produto?

Não, se a solução carregar as imagens sob demanda. Na verdade, costuma ser mais rápido do que a alternativa habitual, que é meter todas as fotos de todas as cores na galeria do pai e carregá-las sempre.

Funciona com qualquer tema?

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ópria requerem verificação prévia; se tiveres dúvidas, pergunta-nos antes de comprar.

E se uma cor não tiver fotos próprias?

Mostra-se a galeria do produto pai. Não fica em branco nem obriga a carregar imagens para todas as variações desde o primeiro dia: podes ir completando aos poucos.

Afecta o SEO ter uma única ficha em vez de uma por cor?

Beneficia-o. Uma ficha concentra links, avaliações e autoridade numa URL, em vez de os repartir por cinco páginas quase idênticas que ainda por cima competem entre si nos resultados.

Conclusão

O facto de o WooCommerce não mudar a galeria ao escolher uma variação não é uma falha da tua loja: é uma limitação do sistema que se nota precisamente quando o catálogo começa a crescer. Podes conviver com ela juntando todas as fotos, duplicar fichas por cor e pagar o preço em manutenção, ou dar a cada variação a sua própria galeria. Se te interessa a terceira opção, tens os detalhes e uma demonstração na página do plugin de galeria por variante para WooCommerce.