> 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-de-produto/galeria-de-fotos.md).

# Galeria de fotos

1. Acesse o painel Nuvemshop e siga pelo caminho **"Loja Online > Layout > Editar layout"**.**.**
2. No menu lateral, clique em **"Página de produto > Galeria de fotos".**

<figure><img src="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2FoaCr9kmlTE6wyLyonhB6%2Fimage.png?alt=media&amp;token=0da95ba9-72d5-4d47-b954-de82ec0b4dc6" alt=""><figcaption></figcaption></figure>

<details>

<summary>Design da galeria em celulares</summary>

Nessa seção você pode **Exibir miniaturas** ou **Exibir parte da próxima foto.**

![](https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2F014pkXcAuSOPAtDkZFv5%2Fimage.png?alt=media\&token=e07593ad-08c4-40c0-9d04-998eab682e04)

**- Exibir miniaturas:** exibe miniaturas abaixo da foto do principal do produto.&#x20;

![](https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2FNYuWe8arO1w9raemXYd6%2Fimage.png?alt=media\&token=fd76f247-0420-4b78-b9d2-9a6d774c9ce9)

&#x20;**-** **Exibir parte da próxima foto:** exibe parte da próxima foto na página.&#x20;

![](https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2Fd05zCh6akN540eH8MvKq%2Fimage.png?alt=media\&token=7e07f332-6bc2-47c7-ab01-e6af280e335a)

</details>

<details>

<summary>Como ampliar as imagens da galeria em computadores</summary>

Nessa seção você pode **Ampliar ao passar o mouse** ou **Abrir um popup ao clicar.**

![](https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2F4cUNbfGXOyh2ExvLWv0B%2Fimage.png?alt=media\&token=b4a8f112-4383-4b39-91f0-e592079b4625)

**- Ampliar ao passar o mouse:** habilita um zoom na imagem.

**-** **Abrir um popup ao clicar:** habilita um popup na imagem.&#x20;

</details>

Por último, clique em **"Publicar Alterações"** para finalizar.

<figure><img src="https://lh5.googleusercontent.com/dPJAQCU7yUHoNKDqu3THQ0C8Wr8ZHcEtoWPbLkyALJgYpO2jkGxQSDvE4vndymASO5qqg49GbMAQUhMJlNW6Yw1S1DLSk1lLmY-WX5FIdmYU6ACDUyjQbVzZ8rMQ-SR0u_XieD2nPbKSLyow_BULUs31VHyNQMxxGxQDoByJ0s6GKFEY6TkwVtmQ-niDjQ" alt=""><figcaption></figcaption></figure>

**Pronto! 🙌**&#x20;