O Cabeçalho é a barra no topo da sua loja com o logótipo, o menu, a pesquisa, o carrinho e o seletor de país. Este artigo explica cada configuração do cabeçalho e os seus cinco blocos.
Onde o encontrar
Abra o construtor e clique no cabeçalho na pré-visualização, ou escolha Cabeçalho no separador Secções. Para adicionar um, clique em Adicionar nova secção e escolha Cabeçalho no grupo Disposição. Pode ter um cabeçalho por página, em qualquer página. Cada página guarda a sua própria cópia, por isso use Aplicar a todas as páginas quando terminar, veja Secções e blocos.
O cabeçalho tem sempre os mesmos cinco blocos: Logótipo, Menu, Pesquisar, Carrinho e Localização. Não os pode adicionar, remover nem reordenar. Posiciona-os com as suas próprias configurações de Posição e Linha.
Configurações do cabeçalho
- Cabeçalho fixo: Ao deslocar para cima oculta o cabeçalho quando os clientes descem a página e mostra-o de novo quando sobem. Sempre mantém-no no topo. Fixo com logótipo reduzido mantém-no no topo e torna-o mais pequeno (menos espaçamento, logótipo mais pequeno) assim que os clientes deslocam a página. Nunca deixa-o desaparecer com a página.
- Largura: Página mantém o conteúdo dentro da largura da página, Completo estica-o de uma ponta à outra.
- Esquema de cores: o fundo, o texto e as cores dos links do cabeçalho.
- Cabeçalho transparente: remove o fundo do cabeçalho para que a imagem do hero apareça por trás. Veja abaixo.
- Preenchimento (cima, esquerda, direita, baixo) e o separador CSS personalizado.
Cabeçalho transparente
Só funciona quando um Hero é a primeira secção visível logo abaixo do cabeçalho, porque o cabeçalho usa o esquema de cores do hero para o texto e os ícones. Perde o fundo, a borda e a sombra, e desfoca ligeiramente o que está por trás. Quando os clientes passam o hero, o cabeçalho recupera as suas próprias cores. O painel de pesquisa e a lista de países mantêm as cores do cabeçalho. As configurações do hero estão em Secção Hero.
Logótipo
- Logótipo: escolha a imagem do seu logótipo. Sem imagem, o nome da loja aparece como texto.
- Posição: Esquerda, Centro ou Direita. Largura e Altura: o tamanho da caixa do logótipo em píxeis.
- Espaçamento no computador: espaço à volta do logótipo, só nos computadores.
O logótipo abre a página inicial quando é clicado. Para impedir isso, ative Impedir clicar no logótipo para ir para a página inicial, veja Configurações de proibições.
Menu
Escolha um dos seus menus em Menu. As outras configurações aparecem depois de escolher um menu. Os menus são criados em Como crio menus de navegação e os adiciono ao cabeçalho e ao rodapé?.
- Tipo: Mega (painéis grandes com colunas), Lista suspensa (listas simples) ou Gaveta (um painel lateral aberto por um botão de menu).
- Posição e Linha: onde fica o menu. Topo é a linha principal com o logótipo, Inferior acrescenta uma segunda linha por baixo. Não aparece para Gaveta.
- Esquema de cores: as cores do painel do menu aberto.
- Disposição no telemóvel: em telemóveis e tablets, o menu passa para uma gaveta. Ative Barra de navegação para o mostrar antes como uma barra por baixo do cabeçalho, com o seu próprio Esquema de cores da barra de navegação. Não aparece para Gaveta.
Pesquisa, carrinho e localização
- Pesquisar: um ícone de pesquisa que abre um campo de pesquisa. Defina a Posição (Esquerda ou Direita) e a Linha.
- Carrinho: o ícone do carrinho com o número de artigos. O Tipo de carrinho é Gaveta (painel lateral), Lista suspensa (mini carrinho por baixo do ícone) ou Página (abre a página do carrinho). O Esquema de cores define o estilo da gaveta ou da lista. Gaveta e Lista suspensa também têm um interruptor Barra de envio grátis, veja Como funciona a barra de envio grátis?.
- Localização: um botão que lista os seus mercados para os clientes poderem mudar de país. Ative Seletor de país para o mostrar. Mostrar bandeiras mostra a bandeira do país atual no botão, caso contrário aparece um ícone de globo. Defina a Posição e a Linha.
Bom saber
- O cabeçalho transparente não faz nada: confirme que o Hero está logo por baixo do cabeçalho. Uma barra de anúncios ou outra secção pelo meio impede-o.
- O seletor de país não aparece: precisa de pelo menos dois mercados, veja Como configuro mercados para vender em vários países?.
- Faltam itens no menu: edite o próprio menu, não o cabeçalho.