# Ícones nos menus

{% embed url="<https://www.youtube.com/watch?index=12&list=PLjqZTg-KCmj8PNgm5YdN3Zk02OZeblrQU&v=-53LqyT2lys>" %}

1. Acesse o painel Nuvemshop e siga pelo caminho **"Loja Online > Layout > Editar layout"**.
2. No menu lateral, clique em **"Cabeçalho > Ícone nos menus".**

<figure><img src="/files/wyeAgrGdBe63W2FGZP2h" alt=""><figcaption></figcaption></figure>

**- Exibir ícones no menu principal para computador:** a exibição dos ícones no desktop é ativa.

<figure><img src="/files/JTUrB6RwvqNe4OnS14ru" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/zgoUieZrOgLkCbD9h4N2" alt=""><figcaption><p>Exemplo de ícones no computador</p></figcaption></figure>

**- Exibir ícones no menu para celulares:** a exibição dos ícones no mobile é ativa.

<figure><img src="/files/W4MXgw0HLGyNtI2jXkO1" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/jR73DBHMUOk6u796TOiL" alt=""><figcaption><p>Exemplo de ícones no mobile</p></figcaption></figure>

**- Posição do ícone:** você poderá definir se o ícone será exibido **Acima** ou **Ao lado** do texto no menu principal. No menu mobile e no menu de departamentos ele será exibido sempre ao lado do texto.&#x20;

<figure><img src="/files/vbOmfPFyeR1MgIUnSDWS" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
Importante!

No menu mobile e no menu de departamentos, os ícones serão exibidos sempre ao lado do texto.&#x20;
{% endhint %}

Clique em **"Selecionar imagem"** e faça o upload dos ícones.&#x20;

<figure><img src="/files/sAYCBUgNytg0bBdmj9C8" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Lembrando que o formato ideal para os ícones é o **PNG**.&#x20;
{% endhint %}

Após cadastrar as imagens, clique no ícone de **editar (lápis),** para abrir as opções de configuração da imagem.&#x20;

<figure><img src="/files/Jgo5CEiy5Yvb0SwFSlue" alt=""><figcaption><p>Ícone de lápis no topo</p></figcaption></figure>

Adicione o link da categoria que você deseja para aquele ícone.&#x20;

<figure><img src="/files/4EJ0wdHc1iuN7cHAuTpt" alt=""><figcaption></figcaption></figure>

{% hint style="danger" %}
Importante! \
\
A categoria deve estar presente no menu principal, caso contrário, o ícone não aparecerá.
{% endhint %}

Por último, clique em **"Publicar Alterações"** para finalizar.

<figure><img src="https://lh5.googleusercontent.com/dPJAQCU7yUHoNKDqu3THQ0C8Wr8ZHcEtoWPbLkyALJgYpO2jkGxQSDvE4vndymASO5qqg49GbMAQUhMJlNW6Yw1S1DLSk1lLmY-WX5FIdmYU6ACDUyjQbVzZ8rMQ-SR0u_XieD2nPbKSLyow_BULUs31VHyNQMxxGxQDoByJ0s6GKFEY6TkwVtmQ-niDjQ" alt=""><figcaption></figcaption></figure>

**Pronto! 🙌**&#x20;


---

# Agent Instructions: 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:

```
GET https://ajuda.temaflex.com.br/personalizar-layout/cabecalho/icones-nos-menus.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.