Ir para conteúdo
Entre para seguir isso  
SaulMendes

Bug na foto de pré-visualização de produtos

Recommended Posts

Galera estou com o seguinte problema. As fotos de primeira imagem dos meus produtos estão todas embaçadas.

Eu entro no site e me deparo com isso:
22.png

E depois que clico na primeira imagem da camiseta espero carregar e volto a página a imagem do produto ganha brilho e qualidade. Reparem na imagem 2:

33.png

Na primeira fica embaçada e na segunda fica em hd.

Já retirei plugins, já regenerei tumbmail. Acredito que seja alguma comando de checklist pra mostrar pro cliente em qual ele já clicou. No entanto esta atrapalhando.

Desde já agradeço a atenção.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Saul,

Vamos as perguntas:

  • Isso é um tema de Wordpress?
  • As imagens quando jogadas no servidor estão sendo compactadas via gzip?
  • Você está utilizando WPSmush ou algum plugin pra reduzir o tamanho da imagem?
  • Já inspecionou o elemento e removeu todas as propriedades CSS da imagem?
  • As imagens inseridas são muito grandes para o campo onde elas estão (Ex.: 1000x1000)?

Abraços.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Fala Henrique.

O tema se chama The Storme.

Estou fazendo a compactação no site kraken.io fora do wordpress.

Usava plugins de compactação mais não uso mais, todos desativados e reupei as imagens porem sem feedback positivo.

Já removi o css das imagens e não resultou.

As imagens são do tamanho parecido com a exibição. Pré-visualização na home 200x200 foto original 600x600 pra da zoom na página do produto.

Aguardo feedback, abraço.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora
Entre para seguir isso  

  • Conteúdo Similar

    • Por Incompetech
      Então.. a um tempo atrás eu fiz um post pedindo ajuda em relação a tooltip mas não obtive resposta, então decidi deixar essa funcionalidade para depois.
      Como disse na minha primeira pergunta eu estou praticando HTML / CSS / JS ... então comecei a fazer uma entrada para MU ONLINE que foi um dos jogos que mais joguei em épocas de LAN HOUSE. Então o que quero perguntar a vocês é o seguinte:

      Como podem ver nessa imagem acima ela tem um total de 10 itens que são icones pequenos que ao clicar neles logo ele irá dar loading na foto do item completo, gostaria de saber como fazer isso.
       
      No meu caso eu criei essa entrada no Photoshop: 
       
      E no caso gostaria de fazer a mesma coisa porém clicando nas setas que estão do lado da box como podem ver no centro da imagem.
      Para isto eu devo usar Js? E qual código devo usar, eu sou super perdido com Js.
      Agradeço desde já! :D

    • Por Artes Ussler
      Olá!
       
      Como eu faço uma barrinha abaixo do texto como essa da imagem apenas usando CSS?
       

    • Por Guga Alves
      Olá, estou enfrentando um problema no qual não tinha tido contato até então.

      Alguns textos em uma landing que estou trabalhando simplesmente não exibidos ou apresentam erros na exibição.

      Gostaria de saber se alguém já enfrentado esse problema poderia me ajudar com isso.

      Abaixo segue imagens dos erros
       
       
       


    • Por Incompetech
      Olá a todos. Então.. eu estava praticando um pouco de HTML / CSS e no fim cheguei a um resultado bem legal e simples claro disto aqui:
       
      Eu sei que alguns vão reconhecer isto.. Mas para quem não conhece é algo relacionado ao game MU ONLINE.
      Enfim. Como podem ver eu inventei alguns adicionais que no caso são as características dessa armadura, porém eu gostaria de aplicar um efeito em que esses adicionais apareçam quando eu passar o mouse por cima da imagem da armadura.. como se fosse dentro do game.
      Abaixo vão alguns exemplos:
      Efeito aplicado em um projeto HTML: 

      O mesmo efeito In Game:
       
      Sei que pode parecer algo meio trivial mas gostaria muito de aprender como eu faço para criar algo igual, se puderem me ajudar eu agradeço de coração.
    • Por joaon77@yahoo.com.br
      Olá pessoal!
      Criei um menu usando listas não ordenadas (ul, li) com as imagens dispostas horizontalmente. São quatro imagens. O problema é que uma das imagens aparece duplicada no layout. Não entendi. Segue o código:
      ... <span class="menuRedesSociais"> <ul> <li id="img1"><a href="#"</a></li> <li id="img2"><a href="#"></a></li> <li id="img3"><a href="#"></a></li> <li id="img4"><a href="#"></a></li> </ul> </span> span ul { margin: 0; padding: 0; } span li { list-style: none; display: inline-block; } span a:link, a:visited { padding: 15px; } li#img1 a{ background-image: url("#img1"); background-repeat: no-repeat; } li#img2 a{ background-image: url("#img2"); background-repeat: no-repeat; } li#img3 a{ background-image: url("#img3"); background-repeat: no-repeat; } li#img4 a{ background-image: url("#img4"); background-repeat: no-repeat; } A imagem que aparece duplicada é a img2. Obs. Já fiz o teste trocando a posição das imagens, só que o problema continua.
       
      Agradeço muito se alguém puder me ajudar.
       
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.