Menu com separadores

Guia prático Pro Navigation 2 min de leitura

Um menu com separadores mostra títulos de separadores, como Sapatilhas, Vestuário e Acessórios, ao lado do conteúdo do separador selecionado. Permite apresentar um catálogo grande num painel compacto.

Adicionar um menu com separadores

1. Escolha um modelo

   Na árvore Elements (elementos) do editor, clique em Add submenu (adicionar submenu) por baixo de um item de primeiro nível. Aponte para Tabs (separadores) e clique em Select num modelo.

   

   Os modelos de separadores. Desloque-se para ver os nove: três profundidades à esquerda, em cima ou à direita.

2. Mude o nome dos separadores

   Cada título de separador é um item: passe o rato por cima dele, clique em Edit Item (editar item) e altere o Title. Clique em Add tabs na árvore Elements para adicionar outro separador.

3. Preencha cada separador

   Selecione um separador e clique em Add block (adicionar bloco) para adicionar listas de ligações, imagens, produtos e muito mais. Consulte Blocos.

4. Guarde e publique

   Clique em Save e, depois, em Publish.

Modelos

Simple (simples)

Uma fila de separadores, cada um com o seu conteúdo: Simple left tabs, Simple top tab, Simple right tabs.

2-level (2 níveis)

Cada separador contém o seu próprio conjunto de separadores: Nested left 2-level tabs, Nested top tabs 2 level, Nested right tabs 2 level. Por exemplo Sapatilhas > Corrida / Treino / Lifestyle > produtos.

3-level (3 níveis)

Separadores dentro de separadores dentro de separadores: Nested left 3-level tabs, Nested top tabs 3 level, Nested right tabs 3 level.

Definições do bloco de separadores

Passe o rato por cima do bloco de separadores e clique no ícone de lápis.

Width (largura)

Quanto do painel o bloco de separadores ocupa: Auto ou de 8,33% a 100%.

Position (posição)

Onde aparecem os títulos dos separadores: Left, Top ou Right (à esquerda, em cima ou à direita).

Um menu com separadores abre num painel de mega menu, por isso a secção Submenu do item pai define a largura, o alinhamento e o fundo. Consulte Disposição do painel do mega menu.

Dicas

• Os separadores Left são adequados para listas longas de categorias; os separadores Top são adequados para 3 a 6 títulos curtos.
• Mantenha os títulos dos separadores curtos para que não ocupem duas linhas.
• Para colocar separadores ao lado de outros blocos, clique em Add block num mega menu e escolha Tab.

Páginas relacionadas

• Mega menuCrie um painel de submenu largo a partir de blocos como listas de ligações, imagens, produtos e um formulário de contacto.
• Visão geral dos blocosAdicione blocos como ligações, imagens, produtos e contagens decrescentes a um mega menu ou a um separador.
• Disposição em mosaico e Special menuEmpilhe corretamente em colunas blocos de alturas diferentes ou mostre uma lista de categorias com um painel para cada categoria.
• SubmenusCompare menus pendentes, mega menus, menus com separadores e disposições em mosaico e escolha o submenu certo para cada item.

Esta página foi útil?

Comunicar um problema