Cabeçalho

O que faz

Agrupa o chrome superior da loja: logo, menu principal, busca/conta/carrinho e, opcionalmente, barra de anúncio acima do header principal.

Editado em Layout → Cabeçalho no Brand Editor (theme/templates/layout/header.json).

Blocos típicos

| Bloco | Função | |---|---| | Barra de anúncio | Mensagens promocionais (com ícones opcionais no Flex) | | Barra de contatos (Flex) | WhatsApp, telefone, e-mail, redes, menu secundário — só desktop | | Logo | Altura desktop/mobile, posição | | Navegação | Menu principal, categorias no mobile, posição inline ou abaixo | | Utilidades | Menu mobile, busca, idioma, conta, carrinho |

A busca fica integrada no bloco Utilidades (não é um bloco separado).

Barra de navegação (section separada)

Desde a atualização de junho/2026, o tema também oferece a section Barra de navegação — faixa modular com menu, contato, redes e anúncios. Pode ser adicionada na home ou em outras páginas pelo Brand Editor, independentemente do cabeçalho fixo do layout.

Settings globais relacionados

Cores e tipografia do cabeçalho podem herdar de Identidade de marca ou ser sobrescritas na section (fundo, texto, degradê, imagem de fundo, sticky).

Dicas

Menu fixo no desktop (head_fix_desktop) mantém navegação visível ao rolar.
Centralizar logo funciona bem para marcas fortes; logo à esquerda é mais convencional para e-commerce.
Navegação inline coloca o menu na mesma linha do logo; abaixo cria uma segunda faixa.