> For the complete documentation index, see [llms.txt](https://temaflatnatray.fabrikadeecommerce.com.br/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://temaflatnatray.fabrikadeecommerce.com.br/3.-painel-de-edicao-do-tema/3.1-edicao-da-estrutura-e-elementos/3.1.2-menu.md).

# 3.1.2 - Menu

O **Menu** normalmente é composto apenas por categorias e subcategorias, mas nos temas desenvolvidos pela **Fábrika** o menu têm uma funcionalidade especial e é composto por **2 partes** .&#x20;

Acrescentamos ao menu 2 links extras para que os lojistas possam acrescentar 2 páginas internas ou externas. Um link fica na extrema esquerda e o outro na extrema direita do menu. Claro que essas opções não são obrigatórias e você pode ficar a vontade para usar somente se quiser.

{% hint style="danger" %}
Para evitar quebras ou desalinhamento do layout, o menu na versão desktop tem uma limitação para que os lojistas não carreguem muitas categorias no layout.\
\
Na **versão desktop** o layout carrega até 8 itens podendo ser de 3 formas:\
\- 8 categorias sem links externos

\- 7 categorias com 1 link externo

\- 6 categorias com 2 links externos<br>

Na **versão mobile**, essa trava não existe, pois esse risco não acontece uma vez que o menu deixa de ser horizontal para vertical.

**Obs**: A limitação não implica no cadastro das categorias e sim no carregamento. Isso quer dizer que se o lojista cadastrar 20 categorias na loja, a versão desktop irá carregar no máximo 8 categorias e na versão mobile irá carregas as 20 categorias.

<br>
{% endhint %}

Além desse detalhe, o menu já está configurado para apresentar até 3 níveis. Esses níveis são ativados automaticamente conforme as categorias são inseridas no e-commerce. Para configurar as categorias da forma correta, acesse o painel administrativo da Plataforma Tray e siga o caminho: ***`Produtos > Categorias`***

> Na imagem abaixo, dentro do retângulo vermelho, você verá o menu na sua totalidade e, nos dois retângulos em amarelo, você verá os links extras para as páginas internas ou externas que explicamos acima.

![Menu (categorias e páginas) - Layout Tema FLAT da Fábrika de E-commerce](https://1251761160-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MU9T8TA4eLNm5lB7ak8%2F-MVnimrJQzXa1E_cSXRi%2F-MVnpQpo4Ugybvng11Z5%2FTema-%20Flat-3-1-2-Menu.png?alt=media\&token=aeea1b80-a4b8-4e32-b6f5-8a0a47875e58)

> Na imagem abaixo, o item 1 mostra o *1o nível do menu*, o item 2 o *2o nível do menu* e o item 3 o *3o nível do menu, com base nas* categorias cadastradas.

![Menu (3 níveis de categorias) - Layout Tema FLAT da Fábrika de E-commerce](https://1251761160-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MU9T8TA4eLNm5lB7ak8%2F-MVnimrJQzXa1E_cSXRi%2F-MVnpX7Tpam6vExl0LNy%2FTema-%20Flat-3-1-2-Menu-2.png?alt=media\&token=6b518c25-d23a-468f-a8a6-b3b3b51e1049)

> Agora chegou o momento de configurar os dois links extras do seu menu que pode levar seus clientes tanto para páginas internas quanto externas. Para isso, basta seguir os passos abaixo:
>
> 1. Com o **Painel de Edição do seu Tema** aberto;
> 2. Clique no item **Menu** do Menu lateral;
> 3. Clique para ativar ou desativar o **Link Extra** do Menu;
> 4. Digite o **texto** que irá aparecer no Menu do seu e-commerce;
> 5. Digite ou cole o **endereço** interno ou externo para onde seu cliente será direcionado ao clicar no item do menu do seu e-commerce.\
>    \* para ***páginas internas***, coloque apenas o nome cadastrado em seu e-commerce.\
>    &#x20;  \- *exemplo*: noticias\
>    \* para ***páginas*** ***externas***, coloque a url completa.\
>    &#x20;  \- *exemplo*: <http://www.fabrikadeecommerce.com.br>

![Menu - Painel do Tema FLAT da Fábrika de E-commerce](https://1251761160-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MU9T8TA4eLNm5lB7ak8%2F-MVnimrJQzXa1E_cSXRi%2F-MVntbXnxo_R7Tz9G2R8%2FTema-%20Flat-3-1-2-Menu-3.png?alt=media\&token=301989c7-8b8e-4506-b04b-525a895c740e)
