Menu
Feedback
Comece aqui
Tutoriais


Tutoriais
Layout
Mudar classe do body de uma página
1 min de leitura

Tutorial válido apenas para lojas CMS Portal Legado.

Os templates usados pelos layouts da loja, por padrão, não carregam nenhuma classe em seu elemento <body>.

Veja, por exemplo, o código do template Department.

{"base64":"  ","img":{"width":1360,"height":668,"type":"jpg","mime":"image/jpeg","wUnits":"px","hUnits":"px","length":174357,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/storefront/layout/mudar-classe-do-body-de-uma-pagina_1.jpg"}}

Ele tem um id, mas não uma class.

No entanto, ao carregar um layout que use esse template, vemos que a classe departamento foi adicionada ao body da página.

{"base64":"  ","img":{"width":694,"height":240,"type":"jpg","mime":"image/jpeg","wUnits":"px","hUnits":"px","length":93529,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/storefront/layout/mudar-classe-do-body-de-uma-pagina_2.jpg"}}

Ou seja, o sistema insere essa classe automaticamente.

Você pode definir o valor dessa classe no próprio CMS. Para isso, siga os passos abaixo:

  1. No Admin VTEX, acesse Storefront > Layout > CMS.
  2. Clique em Sites and Channels e entre no layout cuja classe deseja alterar.
  3. Mude o valor do campo Body Class.
  4. Clique no botão Salvar Layout.
Contribuidores
1
Photo of the contributor
+ 1 contributors
Isso foi útil?
Sim
Não
Sugerir edições (GitHub)
Alterar banner
« Anterior
Alterar as páginas do site para o protocolo HTTPS
Próximo »
Contribuidores
1
Photo of the contributor
+ 1 contributors
Nesta página
Ainda tem dúvidas?
Pergunte à comunidade
Encontre soluções e compartilhe ideias na VTEX Community
Junte-se à nossa comunidade
Solicite suporte à VTEX
Receba assistência personalizada com nossos especialistas
Abra um ticket de suporte
GitHubDeveloper PortalComunidadeFeedback