> For the complete documentation index, see [llms.txt](https://ajuda.temaflex.com.br/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ajuda.temaflex.com.br/personalizar-layout/pagina-inicial/produtos-com-banner.md).

# 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! 🙌**