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
Alterar banner
Alterar banner

Usaremos como exemplo um banner da Home no passo-a-passo. Porém, estas instruções podem ser utilizadas para qualquer página do site.

  1. Acesse o menu Storefront e clique em Layout.
  2. Clique na pasta CMS.
  3. Clique na pasta Sites and Channels.
  4. Clique no nome do website desejado.
  5. Clique na pasta /.
    {"base64":"  ","img":{"width":1111,"height":475,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":37917,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/Storefront/Layout/como-alterar-banner_1.png"}}
  6. Clique no arquivo Home.
  7. Clique na aba Settings.
  8. Clique no ícone de lápis para editar.
    {"base64":"  ","img":{"width":2314,"height":649,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":67120,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/Storefront/Layout/como-alterar-banner_2.png"}}
  9. Será aberta a janela de banners.
  10. Clique no ícone de lápis que aparecerá.
    {"base64":"  ","img":{"width":983,"height":280,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":20575,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/Storefront/Layout/como-alterar-banner_3.png"}}
  11. Será aberto o formulário de banner.

Altere o conteúdo do formulário:

  • Content Name (Nome do banner).
  • Width (Largura da imagem, como 1170px.)
  • Height (Altura do banner, como 500 px.)
  • File Type (image).
  • URL (link para onde o cliente será direcionado quando clicar no banner).

Alterar ou cadastrar a imagem do banner

Para fazer uma alteração ou cadastro de nova imagem, siga os passos abaixo:

  1. Clique em Adicionar arquivo.
  2. Clique no botão Localizar para selecionar a imagem.
  3. Após selecionar o arquivo no seu computador, aparecerá o botão de Salvar arquivo. Atenção: o nome do arquivo não pode estar entre aspas.
  4. Clique no botão Adicionar.
  5. Clique na opção Update Content List.
  6. Clique na opção Save Content.
  7. Clique no botão de Save Settings.

OBS.: Se você não clicar no botão Save Settings, indicado no último passo, e sair da página, você perderá todo o cadastro do banner.

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