Está aqui:   Índice / Editar O Design / Menu De Navegação E Página Home

Menu de Navegação

O Menu de Navegação permite exibir o menu de navegação principal do app.
Ele permite que os links direcionem o usuário para o conteúdo do seu app e/ou ações.
Quando você cria uma nova seção no seu app, um link que abre essa seção é criado automaticamente no menu de navegação.

Para definir o seu menu de navegação:
1. Clique em "Menu de navegação " no menu de deslizamento à esquerda Conteúdo e Design > Design

picture

1

Escolher o template

1. Clique em Selecionar abaixo do modelo da sua escolha para o seu menu de navegação na coluna à direita do seu back office
O modelo aplicado é mostrado em verde.

Escolha entre menus de navegação diferentes:
- Swipe, Little Swipe, Grid, Slate e "Do zero", que se encontram acessíveis a partir do botão no cabeçalho do app.
Este botão é exibido em páginas de conteúdo acessíveis a partir do seu menu de navegação (a menos que você defina o seu menu sempre visível no app da web, ou para ser exibido ao iniciar, dependendo das opções disponíveis).
- O TabBar é exibido no fundo da tela nos apps nativos e como um banner no web app, sob o cabeçalho.
O TabBar é também exibido nas páginas de conteúdo acessíveis a partir do seu menu de navegação.
- "Sem Menu" permite-lhe não exibir nenhum menu de navegação no seu app.
- "Do zero" não é um template, ele permite que você próprio crie um menu de navegação, usando HTML. 
 

picture

2

Construir o seu menu

1. Clique em "Editar" no seu modelo ou selecione um novo modelo
2. Clique no botão verde "+ Adicionar um elemento" para adicionar um elemento* ao seu menu.

*Os elementos:
- Separador: um elemento de design para marcar uma separação
- Quebra de título: permite-lhe inserir um título
- Link: redirecionando para uma página, ação, ou link externo
- Atalho: grupo de links
- Logo: elemento que permite dar um título ou exibir uma imagem
- Minha conta: elemento apontando para a página de perfil do usuário
- Copyright: elemento que permite que exiba informação estática


Dependendo do Menu de Navegação que você escolhe, os elementos podem ser colocados em diferentes áreas do menu. 

Swipe, Little Swipe, Grid e Slate
Estes menus de navegação são divididos em 3 zonas que comportam elementos:
- Cabeçalho: utilizado para dar um título à página de navegação, exibir a conta de usuário, links e atalhos;
- Navegação principal: a área principal do menu de navegação. Contém separadores ou quebras de título;
- Rodapé: no fundo da página, pode ser utilizado para exibir a conta de usuário, o copyright, links e atalhos.

TabBar
Este menu de navegação é dividido em 2 áreas que comportam diversos elementos.
- TabBar: você pode adicionar até 5 links aqui;
- Menu "Outros": quando existem mais do que 5 links no menu, a última posição do TabBar se torna no menu "Outros". Ele permite acessar links adicionais.

Nota:você pode gerenciar a exibição das suas coleções no menu diretamente da sua página de coleção. Consulte esta ajuda online.
 

picture

3

1. Acesse o menu Conteúdo e Design > Conteúdo > Seções
2. Arraste e solte a sua seção para "Navegação principal" ou para o menu abaixo de "Outras seções"

O menu superior Seções - Navegação principal é a lista das seções que são exibidas no menu de navegação principal do seu app.
A ordem das seções é a mesma que para o seu menu:
- Peça suas seções nas configurações do menu de navegação ou na lista de seções arrastando e soltando.
 
O menu inferior Outras seções - As seções usadas fora da navegação são a lista das outras seções, que não aparecem no menu de navegação principal do app.

picture

4

Para criar um link diretamente nas páginas Principais do seu menu de navegação:
1. Acesse o menu Conteúdo e Design > Conteúdo > Seções
2. Adicione uma seção Click-to, que se comporta da mesma maneira que um link.

Para criar um link no Rodapé do seu menu de navegação:
1. Clique em "Menu de navegação " no menu à esquerda Conteúdo e Design > Design
2. Clique no seu modelo de menu de navegação
3. Clique no verde "+ Adicionar um elemento"
4. Escolha o elemento "Link" no pop-up que aparecerá
Uma vez que o link é adicionado ao seu menu, clique nele para configurá-lo:
- Título: este é o texto que aparece no seu menu
- Link: este é o destino para o qual seu link aponta
- Destaque este link: esta opção permite que você aplique cores e uma fonte específica ao link

picture

5

Configurações do menu de navegação

Gerencie as opções de exibição em cada uma das áreas do seu menu de navegação.
1. Vá para o menu Conteúdo e Design > Design > Menu de navegação  
2. Clique em "Editar" por baixo do modelo escolhido.
3. Clique na aba "Configurações ".
4.Modifique suas configurações (alinhamento, imagens, fontes, cor e outras)

picture

6

Video tutorial