Fundo do site
O que você vai aprender
- Pra que serve este grupo
- Como ele se conecta com o efeito de desfoque da Barra lateral
Pra que serve
✨ Recurso exclusivo deste tema: define um fundo (cor, imagem ou vídeo) fixo por trás de toda a loja, visível o tempo todo enquanto o visitante navega. Combina diretamente com o efeito "Desfoque de fundo" da Barra lateral: com esse fundo ativado e a barra lateral semitransparente, o fundo aparece borrado atrás dela, dando profundidade visual à navegação.
Como configurar
| Configuração | Pra que serve |
|---|---|
| Ativar fundo do site | Liga/desliga o recurso na loja toda. |
| Estilo | Cor sólida, Imagem/GIF, ou Vídeo. |
| Cor | Só aparece com estilo "Cor". |
| Imagem (desktop/celular) | Só aparece com estilo "Imagem/GIF", permite enviar uma versão diferente pro celular. |
| Vídeo (desktop/celular) | Só aparece com estilo "Vídeo". |
| Sobreposição da mídia | Camada de cor (sólida ou gradiente) por cima da imagem/vídeo, útil pra manter contraste do conteúdo por cima. |
| Cor sólida de reserva | Cor mostrada enquanto a imagem/vídeo carrega ou caso falhe, evita uma tela em branco. |
Boas práticas
- Se for usar vídeo, prefira um arquivo leve e em loop discreto, ele fica visível a navegação toda, um vídeo chamativo ou pesado demais compete com o conteúdo real da loja e pode deixar a navegação lenta.
- Teste a legibilidade do conteúdo por cima do fundo escolhido, principalmente em imagens/vídeos com áreas muito claras ou muito escuras variando, a Sobreposição da mídia ajuda a manter contraste consistente.