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.
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.
Para ajustar as cores do cabeçalho padrão, vá em Configurações > Cores do cabeçalho
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.
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.
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.
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.
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".
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.
Ative o botão de categorias na seção do cabeçalho.
Por fim, vá na seção do botão de categorias e selecione um menu para ser exibido.
Este recurso está disponível apenas para o design 3 do cabeçalho.
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'
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.
O resultado final será um menu lateral permanentemente aberto na página inicial de sua loja:
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.
O resultado final será este:
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.
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.
Ajuste de cores
Para ajustar as cores do cabeçalho padrão, vá em Configurações > Cores do cabeçalho
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.
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.
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.
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.
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".
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.
Ative o botão de categorias na seção do cabeçalho.
Por fim, vá na seção do botão de categorias e selecione um menu para ser exibido.
Botão de categorias permanentemente aberto
Este recurso está disponível apenas para o design 3 do cabeçalho.
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'
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.
O resultado final será um menu lateral permanentemente aberto na página inicial de sua loja:
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.
O resultado final será este:
Atualizado em: 21/04/2021
Obrigado!