Foto do produto alterada conforme variação selecionada

[bedereoficial]

Gostaria de saber como faço para que a imagem do produto (na página do produto) mude conforme a variação selecionada. Ex: gostaria que a ao selecionar a variante "cor preta" do produto, a imagem apareça automaticamente da peça na cor preta como selecionada. 

[Paula · Accepted solution]

Olá @bedereoficial!

Entendo que você tem variantes dos produtos e deseja que a foto seja alterada ao clicar na variante. Para configurar isso, basta acessar a página do produto no admin e adicionar uma imagem à variante. Siga as instruções abaixo:

1. Vá em "Produtos" e "acesse a página do produto específico".
2. Desça a página para acessar a seção de variantes do produto.
3. Verifique cada variante individualmente e adicione uma imagem que corresponde à cor associada a ela. Se já adicionou as imagens na seção "Mídia", você conseguirá selecionar uma imagem existente, caso contrário, clique em "Adicionar imagem" para fazer upload de uma a partir de seu dispositivo.

Caso a variante já tenha uma imagem, basta clicar na foto dessa variante para selecionar uma nova imagem. 

Ao seguir essas instruções, você poderá adicionar imagens às variantes do produto, garantindo que cada imagem e sua cor seja exibida corretamente aos seus clientes. Consulte este documento que explica em detalhes sobre como adicionar imagens às variantes de produto no admin. 

Se tiver qualquer dúvida, só enviar uma resposta e ficaremos felizes em continuar ajudando. 

[bedereoficial]

Ola Paula, tudo bem? Obrigada, Sua explicação solucionou minha dúvida!

[bedereoficial]

Paula, teria como eu acionar a cor no botão da variante do site? Vamos supor, o botão da cor preta do no site, tem o fundo preto