# Produtos novos

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

<figure><img src="/files/3urzcjfQ1Z3YcxUfDBfD" alt=""><figcaption><p>Exemplo de vitrine de produtos.</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 > Produtos novos"**.

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

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

\- **Título:** define o título do carrossel de produtos.&#x20;

&#x20;\- **Subtítulo:** define o subtítulo do carrossel de produtos.&#x20;

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

**- Cores:** ao habilitar a opção **''Usar estas cores'',** você pode configurar a **Cor de fundo** e a **Cor dos textos** da seção.&#x20;

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

<details>

<summary>Exibição em celulares</summary>

\- **Mostrar produtos como:** você definir a exibição entre **Carrossel** ou **Grade.**&#x20;

![](/files/MnxBROw28273h2VzlTHR)

**- Quantidade de produtos por linha:** defina quantos produtos serão exibidos por linha no mobile.&#x20;

![](/files/FKqNAJF2AZtn7iVkoPBj)

</details>

<details>

<summary>Exibição em computadores</summary>

\- **Mostrar produtos como:** você definir a exibição entre **Carrossel** ou **Grade.**&#x20;

![](/files/MnxBROw28273h2VzlTHR)

**- Quantidade de produtos por linha:** defina quantos produtos serão exibidos por linha no desktop.&#x20;

![](/files/6ZNZePBSWGwO8sdzxxcQ)

Caso a exibição seja em modo **Carrossel**, você pode definir quantos produtos passam por vez entre **Todos da linha** ou **Apenas um**.

![](/files/YzqzKYKl1GQs79KApsVl)

</details>

**- Exibir paginação:** habilita a paginação abaixo do carrossel.&#x20;

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

**- Exibir botão** ''**Ver todos os produtos**'': habilita um botão que direciona para o link que desejar. Em "texto do botão" escreva o nome do mesmo. No campo “Link do botão”, insira a URL para onde deseja direcionar o usuário ao clicar.

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

<details>

<summary>Escolhendo os produtos das vitrines:</summary>

1 - **Painel Nuvemshop > Produtos > Organizar > Destacar > Escolha a vitrine com o nome correspondente (Destaque>>Destaque).**

<div align="left"><figure><img src="/files/GA3zz61clGQvA8asbPVS" alt=""><figcaption></figcaption></figure></div>

2 - Em organizar você precisa escolher a vitrine correspondente ao nome da seção do Tema Flex.

*Exemplo:* "Vitrine Destaques" na Nuvemshop corresponde a seção chamada "Produtos em Destaque"

3 - Na vitrine é possível adicionar até 40 produtos, mas recomendamos **no máximo 20 para manter o site mais leve**. Você também pode reordenar e excluir os produtos sempre que quiser.

<div align="left"><figure><img src="/files/QOfkUGW2gX3PWHo0YNVJ" alt=""><figcaption></figcaption></figure></div>

</details>

{% 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:&#x20;

![](/files/3se7YISR0j4XAoGBGt1K)
{% 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-novos.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.