Minhas imagens em mobile não estão muito visíveis, como fazer?

  10/05/2018         Matheus Guedes

Olá, é bem simples.

Primeiro a qualidade das imagens inseridas no site devem ser muito boa. Segundo, se não estiver satisfeito com o modelo atual, temos um código que possa melhorar isso para você, para isso, acesse Configurações > Aparência > Layout e plugins e adicione um plugin código html ao final das páginas Inicial, Categorias, Marcas, Grids e Busca com o seguinte código:

<script>

if (typeof screen === 'object' && screen !== null && screen.width) {

  if (screen.width > 200 && screen.width < 576) {

    var els, i, ii, src;

    var imgClasses = [{

      class: 'owl-lazy',

      dataset: 'src'

    }, {

      class: 'jQLazy',

      dataset: 'original'

    }, {

      class: 'jQLazy-hidden',

      dataset: 'original'

    }];

    for (i = 0; i < imgClasses.length; i++) {

      els = document.getElementsByClassName(imgClasses[i].class);

      for (ii = 0; ii < els.length; ii++) {

        src = els[ii].dataset[imgClasses[i].dataset];

        els[ii].dataset[imgClasses[i].dataset] = src.replace('/m/', '/g/');

      }

    }

  }

}

</script>

Próximos artigos

Como inserir opção de boleto na página do produto?

Olá lojistas, fizemos um código para vocês.Para aparecer a opção de boleto, conforme aparecem as opções de cartão de crédito, acesse Configurações > Aparência > Editar JS...

Como inserir mais tabs/abas na página de produto?

Olá lojistas, fizemos um código para você. Para que insira novas tabs no produto, você deve inserir o seguinte código abaixo em Configurações > Aparência > Editar JS:...