# Categorias principais

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

<figure><img src="/files/lzvvKswOCiqH5eRvh5Mq" alt=""><figcaption><p>Exemplo das categorias principais.</p></figcaption></figure>

1. Acesse o painel Nuvemshop e siga pelo caminho **"Loja Online > Layout > Editar layout"**.
2. Em seguida, clique em **"Página Inicial > Categorias principais"**.

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

Nesta seção, você pode configurar:&#x20;

**- Cores:** para utilizar cores específicas, marque a opção ''**Usar estas cores''.**&#x20;

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

Você poderá configurar a **Cor de fundo** e a **Cor dos texto.**&#x20;

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

**- Exibir texto fora da imagem:** faz com que o texto da categoria seja aplicado fora da imagem.&#x20;

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

**- Imagens em formato de círculo:** faz com que as imagens sejam arredondadas.&#x20;

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

**- Título:** defina o título que deseja para a seção.&#x20;

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

**- Exibição de banners em celulares:** você pode configurar a disposição dos banner entre **1, 2** ou **3 banners por linha.**&#x20;

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

**- Exibição de banners em computadores:** você pode configurar a disposição dos banner entre **1, 2** ou **3, 4, 5, 6, 8** ou **10 banners por linha.**&#x20;

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

Clique em **''Selecionar imagem''** e faça o upload da imagem que deseja.&#x20;

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

Clique no **ícone de lápis** na imagem e adicione o link que deseja.&#x20;

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

Para reordenar as categorias principais você deve clicar, segurar e arrastar a imagem pare posicionar aonde desejar. A numeração no canto esquerdo inferior informara a posição exata.&#x20;

<div align="center"><figure><img src="/files/WRyzyX7wAJmEZe9gG4Qd" alt=""><figcaption></figcaption></figure></div>

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

O texto que aparecerá na imagem está diretamente relacionado ao link adicionado. Se as imagens não possuírem nenhum link, o texto não aparecerá.&#x20;
{% endhint %}

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

Para que essa seção seja ativa na página inicial, é necessário que o módulo esteja habilitado como "visível" deixando o olho em azul:

![](https://ajuda.temaflex.com.br/~gitbook/image?url=https%3A%2F%2F2606432350-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FdmDGRqcCSJvlyHS2pQ1k%252Fuploads%252FFofkmrAEXWG3DCqxlS4J%252Fativo.png%3Falt%3Dmedia%26token%3Dabecbeec-5401-4a74-851d-875e2ff680de\&width=300\&dpr=4\&quality=100\&sign=fe0acf17\&sv=2)
{% endhint %}

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

![](https://static.helpjuice.com/helpjuice_production/uploads/upload/image/7634/direct/1643232327031-1643232327031.png)

**Pronto! 🙌**


---

# 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/pagina-inicial/categorias-principais.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.