Como configurar banners responsivos para Mobile

Eai gente,
Adicionei um código descrito nas respostas anteriores, porém agora as fotos thumb dos produtos estão substituídos pelos banners mobile. Alguém poderia me ajudar?
Obrigado!

Qual foi o código que você colocou?

Coloquei esse código:

(function() {
if (window.screen.width <= 767) {
var imagem = document.getElementsByClassName(‘slides’)[0].getElementsByTagName(‘img’);
imagem[0].src = ‘https://cdn.awsli.com.br/500/500692/arquivos/banner-mobile-morfismo.jpg’;
imagem[1].src = ‘https://cdn.awsli.com.br/500/500692/arquivos/banner-forest.jpg’;
}
}())

1 curtida

Coloca assim:

 document.getElementsByClassName('tarjas')[0]; 

x = window.screen.width; 
if (x <= 767) { 
document.getElementsByClassName('slides')[0].getElementsByTagName('img')[0].src='https://cdn.awsli.com.br/500/500692/arquivos/banner-mobile-morfismo.jpg'; 
document.getElementsByClassName('slides')[0].getElementsByTagName('img')[1].src='https://cdn.awsli.com.br/500/500692/arquivos/banner-forest.jpg'; 
}
    
2 curtidas

Troquei pelo código que você me passou porém ainda continua com o mesmo problema

Vi aqui que só acontece em um produto específico, tenta excluir esse produto e coloca-ló novamente pra ver se ficar normal

NESSE PRODUTO ESTÁ NORMAL:

Eu fiz isso porém o problema continua ainda. Realmente não entendo onde esta o erro