# Produtos com banner

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

<figure><img src="/files/RlB2LabYilx4LUs5MRPt" alt=""><figcaption><p>Exemplo de vitrine com banner.</p></figcaption></figure>

1. Acesse o painel Nuvemshop e siga pelo caminho **"Loja Online > Layout > Editar layout"**.
2. No menu lateral, clique em **"Página Inicial > Produtos com banner"**.&#x20;

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

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

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

Habilite a opção **''Usar estas cores para a seção''**, para utilizar cores específicas.

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

Configure a **Cor de fundo da seção, Cor de fundo do bloco** e a **Cor dos textos.**&#x20;

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

**- Quantidade de produtos por linha:** configure a exibição dos produtos por linha em **1** ou **2**.&#x20;

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

**- Quantidade de produtos que passam por vez:** configure a transição dos produtos entre **Todos da linha** ou **Apenas um.**&#x20;

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

Habilite a opção **''Exibir paginação''** para que a paginação seja exibida abaixo do carrossel de produtos.&#x20;

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

Escolha se você deseja exibir o **Banner** ou o **Texto** na página inicial.&#x20;

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

Clique em **''Selecionar imagem''** e faça o upload de um banner para a seção, tanto para o computador quanto para o celular.&#x20;

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

**- Link:** adicione um link para o banner.&#x20;

<figure><img src="/files/7ELDG6OWnOM8vW2x0uxa" alt=""><figcaption></figcaption></figure>

Configure o **Título, Descrição, Texto do botão** e **Link do botão** do texto da seção que será exibido na página inicial.&#x20;

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

{% hint style="info" %}
Para que o texto seja habilitado, é necessário a opção ''**Texto''** estar ativa.&#x20;
{% endhint %}

Exemplo de vitrine com banner:

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

Exemplo de vitrine com texto:

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

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

Para que essa seção seja ativa na página inicial o tema precisa estar publicado (não em rascunho) e é necessário que existam produtos cadastrados no painel da Nuvemshop, em: **Produtos > Lista de produtos > Organizar > Produtos com banner**
{% 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/produtos-com-banner.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.