Header dinânmico em uma loja VTEX IO

Time, bom dia!

É possível para um mesmo arquivo header.jsonc eu definir por rota por exemplo tenho 3 ( b2b-home, selecao-empresas e cadastro ) o que vai aparecer no HEADER.
Exemplo:
Na rota /b2b-home eu quero que apareça 5 elementos childrens;
Na rota /selecao-empresas apenas 2 elementos children;
e finalmente na terceira apenas um elemento childre no header.

Caso não exista essa possibilidade alguem tem em mente a melhor forma de tratar isso de maneira mais eficiente.


Olá Rafael,

É possível, no VTEX IO, declarar múltiplas versões do header no tema da loja. Estas diferentes versões podem ter diferentes tags (ex: header-layout.desktop#header1, header-layout.desktop#header2) e serem compostas por diferentes elementos.

Minha recomendação num cenário como esse seria criar variações de header, definí-las dentro de diferentes templates e associar tais templates às rotas em questão.

Olá rlandrade, tudo bem?

Com o Eduardo mencinou, você criar diferentes versões do header usando diferentes tags.

Para associar ao template, basta voce usar um “parent” dentro da rota. Exemplo:

Inserir um header que aparece apenas na Home:

“store.home”: {
“parent”: {
“header”: “flex-layout.row#heade-home”
},
“blocks”: [

]

},

O mesmo você pode fazer com footer :slight_smile:

Espero que isso ajude.

Um abraço.