> 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/cabecalho/imagem-de-fundo.md).

# Imagem de fundo

Personalize o cabeçalho da sua loja com uma imagem de fundo.

1. Acesse o painel Nuvemshop e siga pelo caminho **"Loja Online > Layout > Editar layout"**.
2. No menu lateral, clique em **"Cabeçalho > Layout".**
3. Acesse a seção **"imagem de fundo"**

Para exibir a imagem de fundo tanto em computadores quanto em celulares você deve marca a caixa "exibir imagem".             

<div align="left"><figure><img src="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2F2XiWPAkM6BJGaQfn53Zi%2Fimage.png?alt=media&amp;token=a7e75ca2-c4d3-4550-a238-7d8d89df9acd" alt="" width="275"><figcaption></figcaption></figure></div>

Para adicionar a imagem clique em "Selecionar imagem". Siga as recomendações de tamanho 1920px x 400px:

<div align="left"><figure><img src="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2FW7W5rO2wMrBDMc7dVbu2%2Fimage.png?alt=media&amp;token=f0652dc1-36f8-4159-ae2c-b48e5c0d986a" alt="" width="524"><figcaption></figcaption></figure></div>

Em *"Ajuste da imagem"* você pode escolher entre as opções:

* **Sem ajuste:** não haverá nenhum ajuste e a imagem ficará centralizada;
* **Cobrir o espaço (pode recortar):** a imagem será aplicada com zoom e recorte para se encaixar em todo o espaço do cabeçalho;
* **Mostrar completa (sem corte):** Mostra completamente a imagem evitando cortes podendo deixar margens vazias.

<div align="left"><figure><img src="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2FqPqDhF4COag2ecu70Fwm%2Fimage.png?alt=media&amp;token=214a743c-64ff-47be-82f2-5d5ac1607567" alt="" width="560"><figcaption></figcaption></figure></div>

Em *"Repetir Imagens"* você pode escolher entre as opções:

* **Repetir:** a imagem sera replicada em todo o cabeçalho;
* **Não repetir:** a imagem ficara centralziada sem duplicação.

<div align="left"><figure><img src="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2F8rBuR20mvmMtqySEcIea%2Fimage.png?alt=media&amp;token=14a517e8-9078-49e0-a1ca-79710ad4e513" alt="" width="280"><figcaption></figcaption></figure></div>

Após definir todas essas opções para a sua loja, clique em **"Publicar Alterações"** para finalizar.