> 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](/files/-MVnpQpo4Ugybvng11Z5)

> 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](/files/-MVnpX7Tpam6vExl0LNy)

> 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](/files/-MVntbXnxo_R7Tz9G2R8)


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://temaflatnatray.fabrikadeecommerce.com.br/3.-painel-de-edicao-do-tema/3.1-edicao-da-estrutura-e-elementos/3.1.2-menu.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
