Descrição com erro

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:


Podem nos ajudar?

Obrigado.

Boa tarde, qual link do produto por favor

oi bom dia, seria esse o produto : https://customic.com.br/enamel-evil-eye

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:



Pode corrigir isso tb no código?

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:


Ou seja, não foi feito para ser responsivo.

@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.

1 curtida