Menu
Feedback
Comece aqui
Tutoriais


Mudar classe do body de uma página

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://images.ctfassets.net/alneenqid6w5/pbQCDMUz3qO0q4SuwYaq4/7ebd6ca8a0af6cbce899535b83cd719a/changeBodyClass1.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://images.ctfassets.net/alneenqid6w5/132c4r8rtGowUkOYe4YUaM/6b4a3bd0a9fc5f65fe1d950484088ba1/changeBodyClass2.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
3
Photo of the contributor
Photo of the contributor
Photo of the contributor
+ 3 contributors
Isso foi útil?
Sim
Não
Sugerir edições (GitHub)
Controles para exibir o nome da marca
« Anterior
Como transformar o site da minha loja em um PWA
Próximo »
Contribuidores
3
Photo of the contributor
Photo of the contributor
Photo of the contributor
+ 3 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