Ao definir o seu menu de navegação , você pode optar por exibir ícones.
Esses ícones podem ser exibidos nos seus atalhos ou na navegação principal, dependendo do template escolhido.

Para configurar o seu menu de navegação:
1. Clique em "Menu " no painel direito do menu Design e estrutura > Estrutura > Seções
2. Clique no ícone que deseja alterar, o bloco será desdobrado
3. Clique em "Editar o ícone":

picture

Você tem várias opções neste ponto: 
- Escolher entre os 1500 ícones fornecidos pela GoodBarber na aba Coleções 
ou
- Importar o seu próprio ícone/imagem para o back office a partir da aba Ícones pessoais.


1

Coleções de ícones padrão

Um conjunto diferente de ícones está disponível a partir aba da nossa coleção:
-Generic Set # 1: fundo transparente e logo branco completo.
-Generic Set # 2: fundo transparente, apenas com bordas do logo.
Conjuntos genéricos #1 e #2, são ordenados por tema: básico, evento, clima etc.
-Generic Set # 3: mistura de logos para diferentes tipos de página

1. Defina o tamanho de pré-visualização* (16/32/64) dos ícones para obter uma exibição melhor.
2. Selecione o ícone da sua escolha, ele irá substituir automaticamente o ícone anterior.

*Apenas altera a exibição na pré-visualização, não altera o tamanho real do ícone no app.

picture

2

Ícones pessoais

1. Clique na aba "Ícone pessoal"
2. Selecione "Ícone"
3. Clique em "Buscar" para carregar o seu próprio ícone no formato correto*

* As cores e as texturas escolhidas para o design do seu app serão aplicadas somente se os ícones estiverem em conformidade com os seguintes requisitos:
- .png
- 260 x 260 pixels
- Imagem totalmente branca (#FFFFFF)
 - e nenhuma outra cor, nem mesmo por um pixel!!!! 
- Fundo transparente

lista de ícones que você carregou será exibida abaixo, na área de coleção Pessoal.

picture

3

Imagens pessoais

A opção Imagem permite carregar imagens coloridas.
1. Clique na aba "Ícone pessoal"
2. Selecione "Imagem"
3. Clique em "Buscar" para carregar o seu próprio ícone no formato correto*

*para que o ícone seja exibido de acordo com suas configurações de design, você deve respeitar as seguintes condições:
-Formato: PNG
-Dimensões: 260px x 260px

A lista de imagens que você enviou será exibida abaixo, na área de coleção Pessoal.

picture

4

Vídeo tutorial

Nota: Os menus foram alterados no back office, mas o comportamento explicado no vídeo ainda é válido.


Outros artigos