Foto - detalhe do produto

Pessoal, boa noite!

Vocês sabem alguma maneira de deixar a foto do produto ocupando a tela inteira, quando se abre o produto?

Exemplo: https://usetrucco.netlify.app/cala-maisa-marsala

Gostariamos que a foto do produto ocupasse a tela inteira, e após rolar a pagina, ai sim mostrasse as variações, comprar, descrição e etc, para dar bastante ênfase no produto.

Bom dia!
Você tem algum site exemplo para entender o que esteja falando?

Veja que a imagem ocupa a tela inteira do device, apenas rolando, você consegue ver as demais informações

Apple Watch Series 6 é a página da categoria, isso algumas empresas fazem, é muito comum em páginas de categorias de produtos que vendem suplementos. Agora página do produto em si, é:

1 curtida

Sim, eu sei…

Veja outro exemplo aqui @Matheus : https://www.vixbrasil.com/paraty-bia-tube-top-e-paraty-bia-tube-br---paraty-vc211078-1820/p

Veja que a imagem ocupa a tela inteira do mobile, e ao rolar a página, que se mostra descrição, etc.

É isso que precisamos, entendeu?

Outro exemplo: https://www.lennyniemeyer.com.br/top-ombro-detalhe-preto-e-calca-hot-pants-clean-preto-/p

Agora sim entendi, antes não tinha especificado que seria no mobile, no caso na plus, mostramos o tamanho da imagem, mas ela não toma conta da primeira parte da imagem toda, no caso é isso que quer

Exatamente isso que precisamos!

Pelo que vi aqui, alguns produtos como é o caso de https://usetrucco.netlify.app/blusa-scarllet-preta já toma o tamanho da tela inteira, devido ao tamanho da imagem que permite ela ser mais vertical e assim mantendo a proporção. Agora no caso do https://usetrucco.netlify.app/cala-brenda-preta vai ter no máximo em um Galaxy S5 360px de largura e altura para manter a proporção, pois é uma foto quadrada. Se todas tivessem esse modelo mais vertical, seria conforme na primeira foto. Nesse segundo caso, dá para aumentar mais um pouco do que está, mas vai chegar no limite da largura da tela e assim esse valor será o limite vertical. Como uma tela tem em média por baixo 640px, tem o topo do menu + 360 px de imagem, não vai dar os 640 para mostrar fotos na mesma tela

Podemos fazer um teste para ver como se sai, @Matheus ?

Podemos sim, vou pedir 48 horas para fazer o teste e inserir na loja, ok?

1 curtida