> 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/banner-em-destaque.md).

# Banner em destaque

Destaque seus produtos, novidades e até mesmo ofertas com o Banner destaque.

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

<figure><img src="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2FL5M9PtIWIJyfSBMmBSLp%2Fimage.png?alt=media&amp;token=a8c1d017-d428-42d2-a13c-150e20f8aaf9" alt=""><figcaption><p>Exemplo de banner em destaque</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 > Banner em destaque"**.&#x20;

<figure><img src="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2FtbRzy7OtksIxhjM0kXYz%2Fimage.png?alt=media&amp;token=5bda5c08-f8da-4703-b610-89a07467393c" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2FeibzYPeEJ9lvj89ZvTSm%2Fimage.png?alt=media&amp;token=b80f1121-85ec-4cef-a7df-e097e715b7d0" alt=""><figcaption></figcaption></figure>

Configure a **Cor de fundo** da seção.&#x20;

<figure><img src="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2FZpDKJfT89F3Dby2HPxSE%2Fimage.png?alt=media&amp;token=9c4e6226-81c1-480d-acd5-60aafcc91dfe" alt=""><figcaption></figcaption></figure>

**- Link:** adicione um link para os banners.&#x20;

<figure><img src="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2Fu2WfIEUoVak3UYXyDTCp%2Fimage.png?alt=media&amp;token=b7784365-8550-451a-acc1-fe892baea23f" alt=""><figcaption></figcaption></figure>

Clique em **''Selecionar imagem''** e faça o upload de um **banner em computadores** e de um **banner em celulares.**&#x20;

<figure><img src="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2F7TXbdruAfoJB4g7QTlle%2Fimage.png?alt=media&amp;token=18a9ebf4-acf5-43c5-8239-f16dc72abf46" alt=""><figcaption></figcaption></figure>

{% 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! 🙌**