Aparência da loja
Define a identidade visual da loja pública — o que o cliente vê antes de comprar.
Onde fica e quem acessa
Configuração → Aparência da loja. Ver exige store.view; editar exige
store.manage_appearance.
Blocos da tela
Identidade
| Campo | Descrição | Observações |
|---|---|---|
| Nome público da loja | Como a loja se apresenta ao comprador. | Exemplo do campo: “Ex: Parque Panorâmico”. Pode diferir do nome fantasia. |
| Texto de boas-vindas | Mensagem exibida aos visitantes. | Aparece na home da loja. |
Imagens
| Campo | Onde aparece | Observações |
|---|---|---|
| Logo | Topo da loja, em todas as páginas. | Prefira fundo transparente. |
| Favicon | Ícone da aba do navegador. | Imagem pequena e quadrada. |
| Imagem de capa | Faixa principal da home. | É o primeiro impacto visual. Use imagem horizontal de boa resolução. |
Cores
As cores do tema são informadas em notação hexadecimal (exemplo do campo: #2563eb) e podem ser
escolhidas por um seletor. Elas afetam botões, destaques e elementos de interface da loja.
Como conferir o resultado
- Salve as alterações.
- Abra a loja pública no endereço configurado.
- Confira no computador e no celular — a maioria dos acessos é mobile.
- Verifique o contraste dos textos sobre a cor primária e sobre a capa.
Boas práticas
- Capa de boa resolução, mas otimizada: imagem pesada atrasa o carregamento e derruba conversão no celular.
- Contraste antes de estética. Texto claro sobre fundo claro afasta o comprador.
- Use o nome que o público reconhece, não a razão social.
- Mantenha o texto de boas-vindas curto — ele compete com o botão de compra.
Informação a validar com a equipe responsável
Os limites técnicos de tamanho e formato das imagens desta tela (logo, favicon e capa) não estão descritos na documentação interna do projeto. Os demais uploads do sistema aceitam JPG, PNG, WEBP e GIF com até 5 MB — confirme se o mesmo vale aqui antes de orientar um cliente.