Boa tarde!
Estou com um produto que esta estourando as imagens da descrição, podem nos ajudar na inspeção do que pode estar deixando o campo descrição assim?
O id do produto: 5f6387487430f92180f1a210
As imagens estão ficando em Full:
Era pra estar aparecendo exatamente como está no campo Descrição no painel Admin:
Obrigado.
Boa tarde, qual link do produto por favor
Boa tarde @Matheus, deu para visualizar o produto no link? estamos tentando ajustar ainda a descrição para apresentar corretamente no campo descrição do produto
Boa tarde, deu sim. Só um detalhe https://ecom-zzqsdjcy.sfo2.digitaloceanspaces.com/@v2-1604429961117-1.svg está com um tamanho de 2500px, o certo é ela já estar no tamanho que você fixa no inline css. Se continuar com o tamanho da imagem, o ideal ainda assim é você colocar uma classe, seja em img ou no elemento acima e por css, você dá o comando de fixar o tamanho da imagem, sendo assim você vai ter um código representando para todas imagens, evitando duplicação. O problema ai, é que as imagens de descrições são substituídas com lozad para carregar imagens somente depois que dar o scroll, evitando perda de performance. Vamos tentar substituir, sem retirar o css da tag image, mas sugiro fortemente fazer o que informei acima.
Blz @Matheus De forma geral conseguimos fixar o tamanho das imagens menores usando esse código via css?
Como seria essa frase descrita?
Se for olhar, já está “certo” as imagens. Porém a descrição está deslocada, o ideal era em um mesmo bloco html, você colocar a imagem e a descrição respectiva. Não da forma que foi feita, pois certamente em algum dispositivo ficará incorreto. Basta colocar na a classe treatimage na div que comporta as imagens. Se quiser ver um exemplo, basta olhar o html do https://customic.com.br/enamel-evil-eye
Os textos estão deslocados ainda, ficando ajustados a esquerda mesmo aparecendo corretamente no campo descrição do produto, veja:
Bom dia, é o que te falei, dependendo do tamanho da tela, esse código que foi colocado vai funcionar. O ideal é colocar toda a informação em um mesmo bloco html, veja que na sua tela e na minha:
O html da descrição precisa ser reformulado para que fique responsivo. Inclusive tem muitas tags html vazias.
Diminuindo a tela do navegador dá certo:
@Matheus Então, Não existe um atributo que torne esse código que temos hj responsivo de forma simples?
Da forma que tá, o jeito mais fácil é unir num bloco só, cada imagem e texto em um bloco.
Peguei esse produto e fiz um modelo de descrição html, onde fica responsivo.
