Imagem de variante não muda conforme opção selecionada

boa noite, quando vou importar um produto com variantes de cor, ele não altera a imagem conforme a cor selecionada, mas ainda hoje estava mudando, que tipo de bug pode ser? será que é porque eu coloquei um vídeo junto as fotos? detalhe eu coloco o vídeo e no produto final ele não aparece.

link de um dos anuncios bugados: https://nbimportsbrasil.com.br/products/fone-de-ouvido-sem-fio-f9-5c-bluetooth-tws-a-prova-dagua?variant=45004568461602

Ao continuar para o checkout a cor alterada é selecionada, então ao que tudo parece, a imagem cadastrada para cada variante é a mesma (ou não possui imagem, não me lembro ao certo), mas o problema é bem simples de ser resolvido. Basta ir no produto cadastrado e ao rolar a página para visualizar as variantes, você irá ver a imagem que representa cada uma, então é só fazer o upload da imagem desejada ou selecionar uma que já está cadastrada.

Boa tarde @NB_Imports ,

Obrigada pelo exemplo e as informações compartilhadas.

Entendo que você deseja que a variante selecionada corresponde a imagem principal do produto exibida - certo? Exatamente como o @raphaellima explicou, é preciso atribuir uma imagem para cada variante.

Primeiro, verifique os produtos em questão para ver se as variantes já tem as imagens configuradas. Para fazer isso, no seu admin abre as configurações do produto em questão, confira a seção de Variantes e veja se cada um tem uma imagem correspondente. Caso sim, deve aparece como no seguinte exemplo;

Caso não, siga os passos aqui para adicionar uma imagem as variantes existentes.

Assim que cada variante tem a própria imagem, depois quando clicar na variante na página do produto, a imagem exibida deve mudar para corresponder a variante selecionada;

giphy
Por favor, tente isso e nos informe se funcionou! Caso tiver qualquer dúvida, deixe um comentário aqui e ficarei feliz em continuar a nossa conversa. Até já!

boa tarde Amalia!

então queria muito que tivesse sido resolvido assim, mas o problema é que as fotos já estão devidamente selecionadas pra cada variante, mas mesmo assim no produto final ele não muda as fotos, deixarei um vídeo demonstrativo, onde eu apago o produto totalmente, importo do zero e em seguida demonstro que o mesmo não está mudando as fotos.

Boa noite Raphael

então queria muito que tivesse sido resolvido assim, mas o problema é que as fotos já estão devidamente selecionadas pra cada variante, mas mesmo assim no produto final ele não muda as fotos, deixarei um vídeo demonstrativo, onde eu apago o produto totalmente, importo do zero e em seguida demonstro que o mesmo não está mudando as fotos.

Olá @NB_Imports

Obrigada por compartilhar esse vídeo detalhado! Ajudou muito para entender o que pode estar a causar esse problema com as variantes na sua loja e ainda bem que nos contactou para que eu posso-te orientar nos próximos passos para resolver isso.

Ao assistir o vídeo, notei você usa um app chamado Droplinkfy para importar produtos para a sua loja - certo? Achei interessante o facto de todos os produtos parecerem ser exportados para a sua loja com sucesso, com as variantes e as respetivas imagens e mesmo assim, ao clicar na variante na página do produto não mudava juntamente com a imagem. Um teste que você pode fazer é baixar as imagens das variantes para o seu computador e adiciona as variantes manualmente e verifique se funciona dessa forma. Entendo que esse processo pode ser demorado se tiver muitos produtos e variantes, mas poderá sempre usar um arquivo CSV para editar os seus produtos em massa, incluindo as imagens de variantes.

Adoraria poder ajudar mais com essa questão, mas visto que o Droplinkfy é um app externo da Shopify e desenvolvido por terceiros, nos não temos conhecimento do funcionamento do app, nem somos familiarizados com o comportamento dele ao integrar com as funcionalidades padrões da Shopify. Por esse motivo, o melhor seria contactar o desenvolvedor, pois eles seriam mais adequados para informar sobre como funciona a integração e se existe uma solução para essa questão com as imagens de variantes. Notei que eles têm um email e numero telefone no rodapé do site que você pode tentar para contactar o suporte deles, ou dê uma olhada dentro do painel do app para ver se consta um link para o atendimento deles.

Se eles fornecem alguma solução para resolver essa questão, seria ótimo se poderia compartilhar essa informação aqui para ajudar outros na Comunidade que buscam saber essa questão também. Por favor, me avise se eu posso esclarecer mais algo!

Estou tendo o mesmo problema, alguns produtos vão quando escolho a variante, mais a maioria não vai, eu uso o (Dsers) na shopify

Olá, @JoaoVictortall1 .

Entendi que você percebeu de alguns dos produtos importados para a sua loja Shopify do Dsers mostram a imagem correspondente ao clicar na variante mas outros produtos não. Vamos focar nos produtos que não mostram a imagem da variante correspondente. Por gentileza, poderia verificar esses produtos no admin da sua loja e dizer se cada variante tem uma foto correspondente como indiquei no exemplo na minha resposta inicial acima? Além disso, poderia compartilhar comigo um link para um dos produtos onde a foto não muda conforme a variante selecionada para que eu posso dar uma olhada?

Aguardo a sua resposta!

Conjunto Pamela 1 – ExpressStyle (shopifypreview.com) esse não muda e esta com fotos e mesmo assim não aparece a variante me ajuda ? o meu tbm é o app Dsers

Olá, @thaynarafrois

O link enviado expirou. Você poderia passar o link público da sua loja para eu dar uma olhada? Além disso, qual é o tema que você está utilizando? Pergunto, pois, se está tudo cadastrado corretamente no seu admin, é provável que o problema esteja em seu tema.

O primeiro passo é verificar se seu tema permite exibir as fotos das variantes e, se sim, se a opção correta está selecionada. Digo isso porque alguns temas oferecem formas diferentes de exibir as variantes. Pode ser que você tenha selecionado uma opção que não mostra fotos. Por exemplo, o tema Warehouse, que já foi discutido aqui na thread, possui várias formas de exibir variantes, mas somente uma exibe fotos. Veja um exemplo abaixo:

04-32-0j131-hhydo.gif

Caso não seja esse o problema, instale um tema grátis da Shopify e verifique se as variantes funcionam normalmente. Caso estejam funcionando, está provado que há algum problema com o tema. Caso seu tema seja de terceiros, recomendamos falar com o desenvolvedor do seu tema ou contratar um Especialista.

Se o seu tema for um tema grátis da Shopify, me avise e tentarei ajudar mais. No entanto, preciso conseguir entrar em seu site para verificar como o problema se comporta e também preciso saber exatamente qual tema você está usando.

Até mais!

Olá

Estou com o mesmo problema na minha loja.

Segue abaixo o link de um dos produtos com esse problema:

https://hcmate.com.au/collections/mens/products/swiftflex-camo-shorts-elevate-your-workout-experience?variant=44196867145984

Já verifiquei o tema e as imagens nas configurações do produto e está tudo certo. Eu utilizo o DSers e, em princípio, está tudo ok lá também. Sempre realizei o mesmo procedimento em todos os produtos.

Se puder me ajudar, agradeço!

oii o tema é o tema - ella - não é do tema grátis shopify… mas as peças antigas dá para fazer essa função só as novas q coloco que nao consigo fazer isso
https://expressstyle.store/

https://expressstyle.store/products/women-loose-wide-leg-pants-jumpsuits-overall-pants-high-waist-sleeveless-printed-fashion-casual-jumpsuit-for-brazil?_pos=2&_sid=aab07cc08&_ss=r&variant=47528153612572

https://expressstyle.store/products/women-loose-wide-leg-pants-jumpsuits-overall-pants-high-waist-sleeveless-printed-fashion-casual-jumpsuit?_pos=3&_sid=2842b8e7c&_ss=r&variant=47095864131868

estou te enviando 3 links, 1 da loja inteira, outro q vai na peça que não aparece a imagens quando seleciono e o 3 é uma peça antiga que coloquei da mesma forma que essas novas que estão com esse problema e funciona normalmente

Para trazer elas para loja uso o aplicativo - DSers - tem algum problema com ele?

desde já agradeço a ajuda.

Olá @hc_mate !

Você chegou a verificar a página do produto e conferir as imagens que foram adicionadas para cada variante?

Após analisar o link que você enviou, observei que apenas as variantes Red, Green, Navy Blue e White exibem as imagens correspondentes quando selecionadas, veja abaixo. E parece que as outras variantes possuem uma imagem adicionada que não corresponde à cor selecionada.

10-27-0r5h4-t1pof.gif

Tudo indica que ao importar o produto pelo DSers, algumas variantes foram importadas com as mesmas imagens. É possível ajustar isso diretamente no admin ou através do painel do app DSers antes de importar o produto para a loja.

Para resolver esse problema, basta acessar a página do produto no admin e adicionar a imagem correta. Siga as instruções abaixo:

  1. Vá em “Produtos” e “acesse a página do produto específico” que precisa ser corrigido.
  2. Desça a página para acessar a seção de variantes do produto.
  3. Verifique cada variante individualmente e confirme se a imagem correspondente à cor correta está associada a ela.
  4. Caso encontre uma variante com uma imagem incorreta, clique na foto dessa variante para selecionar uma nova imagem.

10-54-ynz8c-l5mvw.gif

  1. Altere para a imagem que corresponde à cor correta.
  2. Repita os passos para cada variante que possua uma imagem incorreta e salve as alterações feitas.

Ao seguir essas instruções, você poderá verificar e corrigir as imagens adicionadas à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 editar as imagens das variantes de produto no admin.

Se por algum motivo não conseguir arrumar isso através do admin, recomendo excluir e importar o produto novamente. Dê uma olhada nas instruções do app DSers para saber como alterar os detalhes do produto no painel do DSers antes de importá-lo para a loja: Dsers - Personalizar detalhes do produto.

Se tiver mais alguma dúvida, estamos à disposição para ajudar!

Obrigada pelos links e detalhes que você compartilhou, @thaynarafrois .

Analisei os dois produtos e posso ver que no produto “Conjunto Pamela” ao clicar nas diferentes opções a loja mostra a imagem que corresponde à cada tipo de cor. Já no produto “Conjunto Pamela 1” isso não acontece. Percebi que as imagens estão adicionadas junto à foto principal, mas ao clicar nas diferentes opções de cor a imagem não é alterada.

Esse tipo de situação geralmente ocorre quando nenhuma imagem foi adicionada às variantes ou quando uma mesma imagem foi adicionada para todas as variantes. Poderia, por gentileza, informar como que está a configuração das variantes no admin da sua loja?

Para conferir e corrigir isso, siga as instruções abaixo:

  1. Acesse o admin da sua loja e vá para a seção “Produtos”.

  2. Localize o produto “Conjunto Pamela 1” e acesse a página para fazer as edições.

  3. Desça até a área das variantes e verifique se ao lado de cada variante há uma imagem. Se estiver em branco, clique para adicionar uma imagem ou clique na imagem existente para alterar adicionando uma nova imagem. Veja este exemplo:

    10-54-ynz8c-l5mvw.gif

  4. Certifique-se de que cada variante tenha uma imagem correspondente à sua cor.

Se você não conseguir fazer essas alterações pelo admin da loja, uma alternativa seria excluir o produto e importá-lo novamente. Antes de importar o produto para a loja, é possível personalizar os detalhes dos produtos no painel do DSers. Para obter instruções detalhadas sobre como fazer isso, consulte as instruções disponíveis na central de ajuda do DSers aqui.

Espero que essas instruções sejam úteis para resolver o problema com as imagens das variantes. Se você tiver mais alguma dúvida, só enviar uma resposta.

fiz isso e quando eu vou salvar da erro, pq? olha o vídeo… consegue me ajudar?

Obrigada pelo vídeo, @thaynarafrois . Analisando o vídeo eu não vi nenhum erro ao salvar. Notei que você clicou na foto da variante, mas não alterou para outra imagem. Percebi que você selecionou uma imagem, mas depois escolheu a mesma imagem que já estava adicionada anteriormente. E depois disso ao clicar em “salvar” a mensagem “produto salvo” apareceu, veja só:

Este é o comportamento padrão. Todas as vezes que há alterações nas configurações do produto, o lojista precisa clicar em “Salvar” para concluir as alterações e esta mensagem aparece para informar que as alterações foram salvas. Já o outro botão que você clicou “Descartar” não é para salvar as alterações, mas para descartar todas as edições feitas desde o último salvamento.

Repliquei os mesmos passos na minha loja teste para você também conferir que se trata do mesmo comportamento. Quando selecionamos a mesma imagem que já estava adicionada e clicamos em salvar, a mensagem “produto salvo” aparece, mas a barra “alterações não salvas” continua sendo exibida. Isso acontece, pois não estamos fazendo uma alteração de imagem, já que selecionamos a mesma imagem que foi adicionada anteriormente. No entanto, se alterarmos para uma nova imagem, ao clicar em salvar a mensagem de produto salvo é exibida e a barra no topo da página “alterações não salvas” desaparece, veja aqui o vídeo que eu gravei.

Caso você esteja se referindo a outra coisa, por favor, me informe melhor qual é o erro que você está encontrando e fico feliz em ajudar. Até mais!

Talvez eu tenha a resposta, sei que já faz muito tempo desde a duvida, mas provavelmente outra pessoas entrarão aqui em busca de respostas.

Utilizo o Dsears também para importar as fotos para a minha shopify, e me deparei com esse problema em um dos produtos. Porém vi que outros produtos estavam funcionando, e um ou outro não trocava as imagens diante da alteração da cor, ou modelo do produto.

Ai tive a ideia de buscar ver qual era o formato que estavam as fotos, e algumas das fotos importadas pelo Dsears, entre outras que coloquei no produto estavam .webp (nos produtos que não funcionavam).

Fui nos produtos que funcionavam, e vi que todas as imagens que coloquei manualmente, estavam .png

Entrei no Canva, passei as .webp, transformei para .png (canva gratuito), e então apaguei as imagens .webp dos arquivos do produto, e coloquei todas png, ajustei novamente as cores com suas respectivas imagens, e voalá, voltou a funcionar perfeitamente a troca de imagens.

Não testei com outras fotos como jpg, ou jpeg, e a resolução de utilizei no canva foi 640x640, não sei se ela pode interferir nisso, espero ter ajudado você e outras pessoas no futuro.

Boas vendas

1 Like

cara vc salvou minha vida eu te amooo