Menu
Feedback
Comece aqui
Tutoriais
Portal do desenvolvedor

Problemas conhecidos
Diretivas de suporte
Troubleshooting

Perguntas frequentes
Comunicados
Tutoriais
Tutoriais
Explore tutoriais detalhados para operar sua loja VTEX.
Tutoriais
Storefront
Layout
Ordenar imagens na vitrine e na página de produto
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)
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