> 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/marcas.md).

# Marcas

Os banners de marcas é uma ferramenta criada pensando em negócios multimarcas. Se sua loja vende produtos de diferentes marcas, essa configuração irá te ajudar a divulgá-las na página inicial da loja.

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

<figure><img src="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2FZcoyrIlzK6CETVQCpg21%2Fimage.png?alt=media&amp;token=3a22cf69-68ed-4fd2-8528-e16f526f3aed" alt=""><figcaption><p>Exemplo de banners de marcas.</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 > Marcas".**

<figure><img src="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2FjYjsCri305MnDeKslqCc%2Fimage.png?alt=media&amp;token=1a599fa4-9d60-424a-9eca-821fdaeaeda7" alt=""><figcaption></figcaption></figure>

Nesta seção, você pode configurar um slide de marcas para o seu layout.&#x20;

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

<figure><img src="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2F9VgZWLkBJetYjVADHBLF%2Fimage.png?alt=media&amp;token=3380fbe4-7f96-4ef5-bb28-541ae74caaf1" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2FvBjXPW9BC9yNwLPwuaJO%2Fimage.png?alt=media&amp;token=9f3138ce-6d48-451f-a5f4-b85ab6fdb57f" alt=""><figcaption></figcaption></figure>

Você pode configurar a **Cor de fundo** e a **Cor do texto** da seção.&#x20;

<figure><img src="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2Fkabilud66JlQF4u00MLy%2Fimage.png?alt=media&amp;token=057a4dc4-5c20-48ad-9d2f-4c6cc7e32409" alt=""><figcaption></figcaption></figure>

Defina a exibição dos slides de marcas entre **Carrossel** ou **Grade.** Você também pode marcar a opção **"Passar de forma automática quando for carrossel"** para que os banners rotacionem automaticamente.

<figure><img src="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2FmIFn9CDIiVuMmd7KnpMb%2Fimage.png?alt=media&amp;token=231012e3-df93-4fc6-ae24-949031def2e8" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2FY3PzK1vwTn1j1ECdg4q6%2Fimage.png?alt=media&amp;token=c40c89f6-a6ad-46e6-bb8a-d6a10ccb3c1c" alt=""><figcaption></figcaption></figure>

Clique no **ícone de lápis** na imagem e configure o **Link** da marca.&#x20;

<figure><img src="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2F32MKT1RuI7tGfXOTAVtG%2Fimage.png?alt=media&amp;token=708e07eb-ea4f-4f8d-a16e-de2219f58b16" 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/1643396316893-1643396316893.png)

**Pronto! 🙌**&#x20;