Cabeçalhos e rodapés

O cabeçalho do site é a seção superior de uma página da web e geralmente contém elementos como o logotipo, o menu, a barra de pesquisa, o botão de login/conta do cliente, etc. O rodapé é exibido na parte inferior de uma página da web e geralmente contém informações como detalhes de contato, links, avisos legais e outras opções.

Design do cabeçalho

Para modificar o design do cabeçalho, clique em Editar e, em seguida, clique no cabeçalho. As seguintes opções estão disponíveis na seção Cabeçalho da aba Personalizar no editor do site:

  • Escolha um Modelo no menu suspenso.

  • Selecione as configurações de Fundo para alterar a paleta de cores através de diferentes Estilos de tema, opções de cor Personalizadas e opções de Gradiente.

  • Ao adicionar uma Borda ao cabeçalho, seu tamanho, estilo e cor podem ser definidos.

  • Adapte os Cantos arredondados para ajustar ao design.

  • Adicione uma Sombra e defina sua Cor, Deslocamento, Desfoque e Espalhamento.

  • Adicione um Efeito de rolagem. Passe o mouse sobre um efeito para visualizá-lo.

  • Escolha a Posição do cabeçalho entre Normal, Oculto e Sobre o conteúdo. Quando Sobre o conteúdo estiver selecionado, você pode personalizar o Fundo e a Cor do texto.

  • Mostrar ou ocultar Elementos como texto, a barra de pesquisa, botão Entrar, links de redes sociais, botão Fale conosco e logotipo.

Para finalizar as alterações, clique em Salvar.

Dica

Para ocultar o cabeçalho, clique em Editar, clique no cabeçalho e vá para a aba Tema do editor do site. Role para baixo até a seção Avançado e alterne o botão Mostrar cabeçalho para ocultar/mostrar o cabeçalho.

Conteúdo do cabeçalho

Os menus organizam o conteúdo do cabeçalho e ajudam os usuários a navegar pelas páginas web de forma eficaz. Menus amigáveis e bem estruturados também desempenham um papel crucial na melhoria das classificações nos mecanismos de busca.

Adicionar itens de menu

Por padrão, as páginas são adicionadas ao menu como itens de menu suspenso quando são criadas. Para adicionar um novo item de menu, siga estas etapas:

  1. Acesse Site ‣ Site ‣ Editor de Menu.

  2. No editor de menu, clique em Adicionar Item de Menu.

  3. Na janela pop-up, insira o Nome a ser exibido no menu.

  4. Digite / no campo URL ou Email para procurar uma página em seu site ou # para procurar uma âncora personalizada existente.

  5. Clique em OK.

  6. Edite a estrutura do menu se necessário e clique em Salvar.

Mega menus

Mega menus são semelhantes a menus suspensos, mas em vez de uma simples lista de submenus, eles exibem um painel dividido em grupos de opções de navegação. Isso os torna adequados para sites com grandes quantidades de conteúdo ou sites de e-Commerce, pois podem ajudar a incluir todas as suas páginas da web ou categorias de e-Commerce no menu, mantendo todos os itens do menu visíveis de uma só vez.

Mega menu na barra de navegação.

Para criar um mega menu, vá a Site ‣ Site ‣ Editor de menu e clique em Adicionar item de menu de mega. Insira o Nome do mega menu na janela pop-up, clique em OK e depois em Salvar.

Para adaptar as opções e o conteúdo do mega menu, clique em um item do mega menu no cabeçalho e depois clique em Editar. Os mega menus são compostos de blocos de construção, o que significa que você pode personalizar cada componente individualmente. Por exemplo:

  • Edite o texto diretamente no bloco de construção.

  • Edite o URL de um item de menu selecionando o item de menu e clicando no botão Editar link na pequena janela de visualização. Digite / para pesquisar uma página no seu site ou # para pesquisar uma âncora personalizada existente.

    Editar uma opção de mega menu.

  • Mova um item de menu arrastando e soltando o bloco relacionado para a posição desejada no mega menu.

  • Exclua um item de menu excluindo o bloco relacionado.

Para adaptar o layout geral do mega menu, vá para a aba Personalizar do editor de site e, na seção Mega Menu:

  • Escolha um Modelo.

  • Escolha o Tamanho: Largura Total ou Estreito.

Para finalizar as alterações, clique em Salvar.

Ocultar um item de menu dinâmico para usuários não conectados

Para ocultar um item de menu dinâmico (ou seja, um item de menu gerado automaticamente pelo Odoo, por exemplo, quando você instala um aplicativo ou módulo, como Eventos, Cursos, etc.) para usuários não logados, siga estas etapas:

  1. Habilite o modo de desenvolvedor.

  2. Acesse Site ‣ Configuração ‣ Menus.

  3. Expanda a lista de menus para o site relevante, se necessário, e clique no item de menu que deseja ocultar.

  4. Na seção Grupos Visíveis, clique em Adicionar uma linha em Nome do Grupo.

  5. Pesquise o grupo Tipos de usuário / Portal, selecione-o e clique em Selecionar.

  6. Salve.

Dica

Para ocultar o item de menu Loja, restrinja o acesso ao e-commerce para usuários logados.