Cabeçalho
O que faz
Seção intitulada “O que faz”Agrupa o chrome superior da loja: barra de contatos, logo, menu principal, busca/conta/carrinho, imagem de fundo e, opcionalmente, barra de anúncio acima do header principal.
Editado em Layout → Cabeçalho no Brand Editor (theme/demos/clothing/templates/layout/header.json na vertical inicial).
Blocos típicos
Seção intitulada “Blocos típicos”| Bloco | Função | |---|---| | Barra de anúncio | Mensagens rotativas, com ícone, cor, tamanho e caixa alta opcionais | | 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 | Busca, idioma, conta e carrinho |
A busca fica integrada no bloco Utilidades (não é um bloco separado).
Barra de navegação (section separada)
Seção intitulada “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.
Barra de anúncio
Seção intitulada “Barra de anúncio”Cada mensagem pode receber texto, link e um ícone do sprite do tema. Os controles de tamanho e cor valem para a barra inteira. Mantenha mensagens curtas e valide contraste e altura em celular.
Navegação e submenus
Seção intitulada “Navegação e submenus”O bloco Navegação permite escolher o menu principal e posicioná-lo dentro da linha do logo ou abaixo dela. No desktop, o tema mantém uma ponte de hover entre o item principal e o dropdown para evitar o fechamento acidental do submenu.
Menu para celular
Seção intitulada “Menu para celular”Na própria section Cabeçalho, o grupo Menu para celular permite exibir os contatos e as redes sociais cadastrados na loja. Esses controles são independentes da Barra de navegação e aparecem junto das demais decisões de composição do cabeçalho.
Barra de contatos
Seção intitulada “Barra de contatos”No desktop, a barra pode reunir WhatsApp, telefone, e-mail, redes sociais, menu secundário e idiomas. O menu auxiliar preserva os contratos show_secondary_menu e menu compartilhados com o Ipanema. Se nenhum conteúdo aplicável estiver disponível, a barra não é exibida.
Settings globais relacionados
Seção intitulada “Settings globais relacionados”Cores e tipografia do cabeçalho podem herdar de Identidade de marca ou ser sobrescritas na section. O Flex também permite imagem de fundo desktop/mobile, degradê, opacidade, sticky seletivo e overlay sobre a primeira seção da home.
Quando o cabeçalho está sobreposto, o estado Ao rolar a página controla em conjunto fundo, texto e ícones. Isso mantém barra de contatos, navegação e utilidades sincronizadas durante a transição.
- 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.