Como alterar o logo da sua loja

O logo da loja representa a identidade visual da sua marca no marketplace. Ele é exibido no cabeçalho do site e influencia diretamente na percepção de profissionalismo e credibilidade.

Utilizar as dimensões corretas e um arquivo de boa qualidade é essencial para garantir nitidez e bom alinhamento no layout.


Como acessar a configuração

No painel administrativo, acesse Sistema e clique em Configuração.

Em seguida, entre em Geral e depois em Design.

Acesse a aba Cabeçalho.
É nessa seção que o logo da loja pode ser alterado.


Alterando o logo

Dentro da aba Cabeçalho, localize o campo destinado ao envio da imagem do logo.

Faça o upload do novo arquivo e salve as alterações.

O novo logo será aplicado ao cabeçalho da loja conforme o layout ativo.


Tamanho ideal do logo

Considerando o padrão utilizado nos projetos da Soulmkt, recomenda-se:

Para cabeçalho (desktop):

  • Altura ideal entre 60px e 120px
  • Largura proporcional, mantendo boa legibilidade
  • Arquivo em PNG com fundo transparente
  • Preferencialmente em alta resolução (2x) para telas retina

Exemplos de tamanhos comumente utilizados:

  • 300 x 120 px
  • 400 x 150 px (mantendo a proporção)

Sobre qualidade e nitidez

Mesmo que o layout exiba a logo com aproximadamente 100px de altura, o ideal é enviar uma imagem com o dobro da resolução.

Por exemplo, se a logo aparece com 200px de largura, recomenda-se enviar um arquivo com 400px de largura.

Isso evita perda de nitidez, especialmente em telas de alta definição.


Alterando o Favicon

Também é possível alterar o favicon da loja (ícone exibido na aba do navegador).

Para isso, dentro de Geral > Design, acesse a aba Cabeçalho HTML.

Localize o campo destinado ao favicon, envie o novo arquivo e salve as alterações.

Recomenda-se utilizar favicon no formato .ico ou PNG, preferencialmente nas dimensões 16×16 px ou 32×32 px.


Precisa de Ajuda?

Se tiver dúvidas sobre o tamanho ideal ou dificuldades ao alterar o logo ou favicon da sua loja, entre em contato com nossa equipe através do Painel de Suporte.

Deixe um comentário