Menu
Feedback
Comece aqui


Tutoriais
Explore tutoriais detalhados para operar sua loja VTEX.
Tutoriais
Storefront
Layout
Ordenar imagens na vitrine e na página de produto

Na plataforma VTEX, o que determina a apresentação da imagem do SKU, tanto na vitrine como na página de produto, é a ordem de preço. A imagem principal do SKU com menor preço será a assumida pelo produto.

Imagem principal no produto

Como a imagem na VTEX fica atrelada ao SKU, e não ao produto, quando seu cliente entrar na loja, a foto que será apresentada na vitrine será a do SKU com menor preço.

O mesmo ocorre para a página de produto. Mesmo se houver um SKU que fora cadastrado primeiro, o SKU de menor preço é o pré-selecionado na visualização.

Imagem principal no SKU

Entre as imagens do SKU, a principal será aquela definida no cadastro de imagens como principal.

Veja, em nosso exemplo, que mesmo não sendo a primeira imagem cadastrada, a imagem definida como principal é aquela assumida na página de produto quando o cliente seleciona o SKU.

{"base64":"  ","img":{"width":2262,"height":873,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":104895,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/Storefront/Layout/ordenando-imagens-na-vitrine-e-na-pagina-de-produto_1.png"}}

  • Em caso de upload da planilha de imagens, a plataforma considera linha por linha. Logo, a primeira linha de um SKU será considerada a principal, e assim por diante.
Contribuidores
2
Photo of the contributor
Photo of the contributor
+ 2 contributors
Isso foi útil?
Sim
Não
Sugerir edições (GitHub)
Personalizar uma página usando placeholder
« Previous
Realizar um teste para verificar problemas de layout
Next »
Contribuidores
2
Photo of the contributor
Photo of the contributor
+ 2 contributors
Nesta página
Ainda tem dúvidas?
Pergunte à comunidade
Encontre soluções e compartilhe ideias na comunidade VTEX.
Junte-se à nossa comunidade
Solicite suporte à VTEX
Para assistência personalizada, entre em contato com nossos especialistas.
Abra um ticket de suporte
GithubDeveloper portalComunidadeFeedback