# Produtos novos

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

<figure><img src="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2F4CKI0YQEMxFxAPJLRC11%2Fimage.png?alt=media&#x26;token=192824f4-c0ee-41e6-9ff0-56462b3bcde7" 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="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2FPGbfQdRkwQNOtr3LIzQ2%2Fimage.png?alt=media&#x26;token=1491bae7-4d42-4e78-b9f6-1a2ce4611722" 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="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2FzuuhAqWahOkxGFlPy2Ql%2Fimage.png?alt=media&#x26;token=e3a9f9d6-abce-47af-8ece-b58a91595daa" 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="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2FYqw2IefeCB5yRVHt63JL%2Fimage.png?alt=media&#x26;token=5db6d8e5-f959-4451-9bec-3205fed60b50" alt=""><figcaption></figcaption></figure>

<details>

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

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

![](https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2F4dJ6jQiZDtKtX9GB0sI2%2Fimage.png?alt=media\&token=d8de2210-f56a-4ec0-a2fa-92da2dfd9244)

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

![](https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2FoLOZ2BqAIotjqBJjCJGD%2Fimage.png?alt=media\&token=cd84318e-2e75-4c3b-9c98-ec4cfcacf1df)

</details>

<details>

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

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

![](https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2F4dJ6jQiZDtKtX9GB0sI2%2Fimage.png?alt=media\&token=d8de2210-f56a-4ec0-a2fa-92da2dfd9244)

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

![](https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2FxqQCXh57PQz4zm2aHkoy%2Fimage.png?alt=media\&token=ba8974ce-ee65-403c-bc60-9947e11822e0)

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

![](https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2FREqPbBAVY8hRLkMqc5Rj%2Fimage.png?alt=media\&token=2d6b6edf-74de-419a-a934-a0b735fe132c)

</details>

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

<figure><img src="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2FpFi1fM42ewP62nzhP5Qj%2Fimage.png?alt=media&#x26;token=9dc8f30d-b3a3-473e-85ae-047f890a30d1" 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="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2FmMSqdG3uAkGkyszhuoy7%2Fimage.png?alt=media&#x26;token=b2eab8e8-b76f-4993-8427-89c209cba6f5" 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="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2F0HdX3rwytfmxsYTfqe48%2Fprodutosvit.gif?alt=media&#x26;token=f360fe57-0b81-405a-962d-73cdc8886cb0" 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="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2Fe57ceXz929rMY49aH65Z%2Fprodutos%20vitrine.gif?alt=media&#x26;token=594da8df-5101-447a-afe6-a91bf5dd07f4" 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;

![](https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2FFofkmrAEXWG3DCqxlS4J%2Fativo.png?alt=media\&token=abecbeec-5401-4a74-851d-875e2ff680de)
{% 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! 🙌**