Cabeçalhos - Void
O tema Void permite a configuração de diferentes tipos de cabeçalhos, para que possa escolher qual melhor se enquadra a imagem de sua loja.
No total, são 4 tipos de cabeçalhos diferentes que ainda podem ser personalizados individualmente.
O cabeçalho padrão, por si só, já te permite criar cabeçalhos bem diferentes entre si, sendo possível escolher entre 3 tipos de designs diferentes e outras personalizações.
![](https://storage.crisp.chat/users/helpdesk/website/626e5bed518e1800/image_1q3720o.png)
Dessa forma, mesmo com o que já vem por padrão no tema, já é possível ajustar de diferentes maneiras os elementos disponíveis para que sua loja tenha sempre uma aparência única.
![](https://storage.crisp.chat/users/helpdesk/website/626e5bed518e1800/02_c7hqwc.png)
![](https://storage.crisp.chat/users/helpdesk/website/626e5bed518e1800/01_1hnz0l.png)
Para ajustar as cores do cabeçalho padrão, vá em Configurações > Cores do cabeçalho
![](https://storage.crisp.chat/users/helpdesk/website/626e5bed518e1800/gif-01-certo_qq1wyl.gif)
Perceba que é possível trocar a cor de elementos como:
Barra de informações
Top Bar
Ícones
Botões
Cores de textos
Além de, também, ser possível trocar até a cor para qual algum elemento irá mudar quando for interagido. Ex: Passar o mouse por cima ou tocar sobre.
Caso queira, poderá escolher entre deixar um ícone de busca ou abrir uma barra de pesquisa no cabeçalho — assim como controlar o tamanho dela.
![](https://storage.crisp.chat/users/helpdesk/website/626e5bed518e1800/image_f16vuw.png)
![](https://storage.crisp.chat/users/helpdesk/website/626e5bed518e1800/image_zh0pn9.png)
Para isso, vá em Configurações > Cabeçalho e ative ou desative a barra através da caixa de marcação a seguir. Também poderá ajustar o tamanho da barra no mesmo local.
![](https://storage.crisp.chat/users/helpdesk/website/626e5bed518e1800/image_1owlnet.png)
Ainda é possível adicionar um campo de texto na parte interna do cabeçalho, caso queira fornecer ainda mais informações além da Top Bar e Barra de Informações, que ficam sobre o cabeçalho.
Para isso, vá na seção do cabeçalho e marque a caixa "Mostrar texto simples no cabeçalho" . Além de poder colocar qualquer texto ali, o mais interessante é a possibilidade de edições básicas em HTML para deixar ainda mais personalizado.
![](https://storage.crisp.chat/users/helpdesk/website/626e5bed518e1800/image_o6p3gb.png)
Recentemente, foram adicionados 3 novos tipos de cabeçalhos para personalizar ainda mais a sua loja. O funcionamento deles é um pouco diferente do cabeçalho padrão, mas semelhantes entre si.
Para verificar e aplicar os novos estilos, no editor de temas, vá em Configurações > Cabeçalho > Selecione o design do cabeçalho.
![](https://storage.crisp.chat/users/helpdesk/website/626e5bed518e1800/image_1rrzw1k.png)
Lembre-se que, ao trocar para outro tipo de cabeçalho, será necessário personalizar o novo estilo novamente como adicionar logo, menus e ajuste de cores se necessário. As configurações de um tipo de cabeçalho NÃO são enviadas para outros tipos. Você não perderá as configurações do cabeçalho anterior e poderá voltar a qualquer momento.
Após fazer a seleção de um dos novos cabeçalhos, a seção de edição do cabeçalho padrão será substituída pela seção do design escolhido. Além disso, será adicionada uma nova seção chamada "Botão de categorias".
![](https://storage.crisp.chat/users/helpdesk/website/626e5bed518e1800/image_habbdn.png)
Com qualquer um dos três novos tipos de cabeçalhos, é possível ter um botão de categorias. Com isso, poderá adicionar dois menus distintos dentro do mesmo cabeçalho.
![](https://storage.crisp.chat/users/helpdesk/website/626e5bed518e1800/gif-04-botao-de-categorias-soc_o3vm4e.gif)
Ative o botão de categorias na seção do cabeçalho.
![](https://storage.crisp.chat/users/helpdesk/website/626e5bed518e1800/image_11dkys.png)
Por fim, vá na seção do botão de categorias e selecione um menu para ser exibido.
![](https://storage.crisp.chat/users/helpdesk/website/626e5bed518e1800/image_1pgw70d.png)
Este recurso está disponível apenas para o design 3 do cabeçalho.
![](https://storage.crisp.chat/users/helpdesk/website/626e5bed518e1800/image_1w5gtr0.png)
Após fazer a seleção do cabeçalho tipo 3, vá à seção de edição e marque as caixas de seleção de 'Mostrar botão de categorias' e 'Deixar botão de categorias aberto na tela inicial'
![](https://storage.crisp.chat/users/helpdesk/website/626e5bed518e1800/image_u5iz5v.png)
A primeira seção após o cabeçalho deverá ser Slide de Imagens com espaço vazio à esquerda. Somente o slide ou slide com banner, mas deverá ter o espaço vazio. Além disso, as opções de 'Largura total' e 'Imagem em tela cheia' devem estar desativadas.
![](https://storage.crisp.chat/users/helpdesk/website/626e5bed518e1800/image_1g88odc.png)
O resultado final será um menu lateral permanentemente aberto na página inicial de sua loja:
![](https://storage.crisp.chat/users/helpdesk/website/626e5bed518e1800/image_13j03cd.png)
Para que o botão de categorias e dois menus distintos também fiquem disponíveis para dispositivos móveis, desative a opção 'Usar cabeçalho mobile padrão' em Configurações > Cabeçalho.
![](https://storage.crisp.chat/users/helpdesk/website/626e5bed518e1800/image_w4fr7q.png)
O resultado final será este:
![](https://storage.crisp.chat/users/helpdesk/website/626e5bed518e1800/gif-03-menu-mobile_1u1jcrl.gif)
No total, são 4 tipos de cabeçalhos diferentes que ainda podem ser personalizados individualmente.
Cabeçalho Padrão
O cabeçalho padrão, por si só, já te permite criar cabeçalhos bem diferentes entre si, sendo possível escolher entre 3 tipos de designs diferentes e outras personalizações.
![](https://storage.crisp.chat/users/helpdesk/website/626e5bed518e1800/image_1q3720o.png)
Dessa forma, mesmo com o que já vem por padrão no tema, já é possível ajustar de diferentes maneiras os elementos disponíveis para que sua loja tenha sempre uma aparência única.
![](https://storage.crisp.chat/users/helpdesk/website/626e5bed518e1800/02_c7hqwc.png)
![](https://storage.crisp.chat/users/helpdesk/website/626e5bed518e1800/01_1hnz0l.png)
Ajuste de cores
Para ajustar as cores do cabeçalho padrão, vá em Configurações > Cores do cabeçalho
![](https://storage.crisp.chat/users/helpdesk/website/626e5bed518e1800/gif-01-certo_qq1wyl.gif)
Perceba que é possível trocar a cor de elementos como:
Barra de informações
Top Bar
Ícones
Botões
Cores de textos
Além de, também, ser possível trocar até a cor para qual algum elemento irá mudar quando for interagido. Ex: Passar o mouse por cima ou tocar sobre.
Outros ajustes
Barra de pesquisa
Caso queira, poderá escolher entre deixar um ícone de busca ou abrir uma barra de pesquisa no cabeçalho — assim como controlar o tamanho dela.
![](https://storage.crisp.chat/users/helpdesk/website/626e5bed518e1800/image_f16vuw.png)
![](https://storage.crisp.chat/users/helpdesk/website/626e5bed518e1800/image_zh0pn9.png)
Para isso, vá em Configurações > Cabeçalho e ative ou desative a barra através da caixa de marcação a seguir. Também poderá ajustar o tamanho da barra no mesmo local.
![](https://storage.crisp.chat/users/helpdesk/website/626e5bed518e1800/image_1owlnet.png)
Texto interno no cabeçalho
Ainda é possível adicionar um campo de texto na parte interna do cabeçalho, caso queira fornecer ainda mais informações além da Top Bar e Barra de Informações, que ficam sobre o cabeçalho.
Para isso, vá na seção do cabeçalho e marque a caixa "Mostrar texto simples no cabeçalho" . Além de poder colocar qualquer texto ali, o mais interessante é a possibilidade de edições básicas em HTML para deixar ainda mais personalizado.
![](https://storage.crisp.chat/users/helpdesk/website/626e5bed518e1800/image_o6p3gb.png)
Novos cabeçalhos
Recentemente, foram adicionados 3 novos tipos de cabeçalhos para personalizar ainda mais a sua loja. O funcionamento deles é um pouco diferente do cabeçalho padrão, mas semelhantes entre si.
Para verificar e aplicar os novos estilos, no editor de temas, vá em Configurações > Cabeçalho > Selecione o design do cabeçalho.
![](https://storage.crisp.chat/users/helpdesk/website/626e5bed518e1800/image_1rrzw1k.png)
Lembre-se que, ao trocar para outro tipo de cabeçalho, será necessário personalizar o novo estilo novamente como adicionar logo, menus e ajuste de cores se necessário. As configurações de um tipo de cabeçalho NÃO são enviadas para outros tipos. Você não perderá as configurações do cabeçalho anterior e poderá voltar a qualquer momento.
Após fazer a seleção de um dos novos cabeçalhos, a seção de edição do cabeçalho padrão será substituída pela seção do design escolhido. Além disso, será adicionada uma nova seção chamada "Botão de categorias".
![](https://storage.crisp.chat/users/helpdesk/website/626e5bed518e1800/image_habbdn.png)
Botão de categorias
Com qualquer um dos três novos tipos de cabeçalhos, é possível ter um botão de categorias. Com isso, poderá adicionar dois menus distintos dentro do mesmo cabeçalho.
![](https://storage.crisp.chat/users/helpdesk/website/626e5bed518e1800/gif-04-botao-de-categorias-soc_o3vm4e.gif)
Ative o botão de categorias na seção do cabeçalho.
![](https://storage.crisp.chat/users/helpdesk/website/626e5bed518e1800/image_11dkys.png)
Por fim, vá na seção do botão de categorias e selecione um menu para ser exibido.
![](https://storage.crisp.chat/users/helpdesk/website/626e5bed518e1800/image_1pgw70d.png)
Botão de categorias permanentemente aberto
Este recurso está disponível apenas para o design 3 do cabeçalho.
![](https://storage.crisp.chat/users/helpdesk/website/626e5bed518e1800/image_1w5gtr0.png)
Após fazer a seleção do cabeçalho tipo 3, vá à seção de edição e marque as caixas de seleção de 'Mostrar botão de categorias' e 'Deixar botão de categorias aberto na tela inicial'
![](https://storage.crisp.chat/users/helpdesk/website/626e5bed518e1800/image_u5iz5v.png)
A primeira seção após o cabeçalho deverá ser Slide de Imagens com espaço vazio à esquerda. Somente o slide ou slide com banner, mas deverá ter o espaço vazio. Além disso, as opções de 'Largura total' e 'Imagem em tela cheia' devem estar desativadas.
![](https://storage.crisp.chat/users/helpdesk/website/626e5bed518e1800/image_1g88odc.png)
O resultado final será um menu lateral permanentemente aberto na página inicial de sua loja:
![](https://storage.crisp.chat/users/helpdesk/website/626e5bed518e1800/image_13j03cd.png)
Cabeçalho mobile com botão de categorias.
Para que o botão de categorias e dois menus distintos também fiquem disponíveis para dispositivos móveis, desative a opção 'Usar cabeçalho mobile padrão' em Configurações > Cabeçalho.
![](https://storage.crisp.chat/users/helpdesk/website/626e5bed518e1800/image_w4fr7q.png)
O resultado final será este:
![](https://storage.crisp.chat/users/helpdesk/website/626e5bed518e1800/gif-03-menu-mobile_1u1jcrl.gif)
Atualizado em: 21/04/2021
Obrigado!