Configurando Cabeçalho e Menu da loja virtual

O próximo passo é configurar a seção Cabeçalho e Menu.

Nesta área, você poderá ativar ou desativar algumas funcionalidades do cabeçalho da loja, adicionar textos, configurar links, alterar ícones e personalizar alguns elementos importantes da navegação.

Então, vamos ao que interessa.

Com a tela de Cabeçalho e Menu aberta, logo no início você verá a opção Texto do Pré-Header.

Esse campo pode ser utilizado para destacar uma promoção, cupom de desconto, condição de parcelamento, aviso importante ou qualquer outra mensagem que você queira evidenciar no topo da loja virtual.

Caso você não queira adicionar nenhum texto, basta deixar o campo em branco. Nesse caso, ele será removido automaticamente do cabeçalho.

Logo abaixo, temos a área Links do Pré-Header da Loja Virtual.

Essa funcionalidade tem como principal objetivo adicionar uma camada acima do cabeçalho, permitindo incluir links extras que merecem destaque.

Para configurar, é simples.

Primeiro, ative a opção Exibir Pré-Header, informando ao tema que você deseja mostrar esses links extras na loja virtual.

Em seguida, preencha o campo de Título*, que será o nome exibido para o link. Por exemplo: Quem Somos, Trocas e Devoluções, *Atendimento ou Rastrear Pedido.

Ao lado direito, informe o link de destino, ou seja, a página que será aberta quando o usuário clicar naquele item.

Você poderá adicionar até 6 links diferentes nesta área.

Rolando a tela, encontramos a funcionalidade Comportamento do Cabeçalho.

Essa área é responsável por definir como o cabeçalho e o menu irão se comportar durante a navegação da loja.

A opção Cabeçalho Fixo na Rolagem mantém o menu visível durante toda a navegação da página, mesmo quando o cliente rola a tela para baixo.

A opção Busca no Cabeçalho Mobile exibe a barra de busca no cabeçalho em dispositivos móveis, facilitando a pesquisa de produtos pelo celular.

A opção Sombra no Hover do Menu adiciona uma sombra sobre o conteúdo ao passar o mouse no menu dropdown, criando mais destaque para a navegação.

Já a opção Abrir carrinho ao adicionar produto faz com que o painel do carrinho seja exibido automaticamente sempre que um produto for adicionado à sacola.

Um pouco mais abaixo, temos a configuração do Menu Principal.

Nesta área, você poderá limitar a quantidade de categorias principais exibidas no menu da loja virtual. Isso ajuda a evitar que o menu fique muito extenso ou visualmente carregado.

Você poderá configurar até 8 categorias em destaque no menu principal.

Caso sua loja tenha mais de 8 categorias, o tema exibirá automaticamente um novo item no menu chamado + Categorias ou + Departamentos.

Caso queira personalizar esse texto, basta utilizar o campo Nome do Menu de + Departamentos.

Rolando um pouco mais para baixo, temos a área de customização dos links do cabeçalho da loja virtual.

Nesta seção, você poderá trocar os ícones e textos exibidos no cabeçalho, deixando essa área mais alinhada com a identidade visual e comunicação da sua loja.

Aqui vale reforçar um ponto importante: toda imagem adicionada ao tema deve ser editada e otimizada corretamente para garantir o máximo de performance possível.

Caso você não tenha conhecimento em edição de imagens, solicite o apoio de alguém que possa otimizar os arquivos para uso na web.

O tamanho recomendado e máximo para esses ícones é de 32 por 32 pixels.

Para trocar um ícone, basta clicar na área da imagem e fazer o upload do novo arquivo.

Você também poderá alterar os textos do cabeçalho conforme desejar, personalizando a comunicação da loja com frases mais adequadas ao seu público.

Depois de configurar toda a seção, clique em Visualizar Loja para conferir como o cabeçalho e o menu ficaram na home da sua loja virtual.