Mateus Souza

Conversas sobre desenvolvimento web

Categorias »

Alterando ou Adicionando o Logo em Sua Loja Magento – Tutorial Magento

6

Bom pessoal hoje o post num é lá aquela programação toda, é mais pra mim dar inicio aos posts falando sobre o Magento. Vamos lá.

Alterando ou Adicionando o logo em Sua Loja Magento

Para isto podemos usar 3 formatos de imagens, que são os mais usados, JPEG, GIF e PNG, recomendo o PNG mais fica a sua escolha.

Usando GIF
Se usarmos o gif o processo é mais simples, basta fazer o upload e subistituir a imagem que esta localizada em skin/frontend/default/default/images/logo.gif usando o FTP.

Usando PNG e JPG
O primeiro passo é upar a imagem em skin/frontend/default/default/images/. Logo após acessamos o admin do magento http://www.oenderecodasualoja.com.br/admin e seguimos este caminho: Sistema » Configurações, selecione o link de menu Design (está a esquerda da página) e vá mais abaixo na parte Header do acorddion como na figura abaixo:

Clique para ver em tamanho original

Clique na imagem para ver em tamanho original

Para o segundo passo, devemos colocar o nome da imagem que upamos no campo Logo Image Src; recomendo que renomeie com o nome de sua loja para os motores de busca, é mais questão de SEO.

Considerações Finais
Este pequeno tutorial foi desenvolvido tendo em mente o template padrão do Magento, por isso a localização skin/frontend/default/default/images/, se você usa o template blue que também já vem no magento o caminho é o mesmo: skin/frontend/default/blue/images/. Uma maneira de saber o caminho da logo é clicar com o botão auxiliar na foto e escolher a opção exibir imagem ou exibir imagem de fundo.

Até a próxima.

6 Comentários

  1. Túlio Vargas disse:
    29 de setembro de 2009 às 11:55

    Muito legal seu post !!
    Você poderia colocar também como alterar as img que ficar na URL: rel=”shortcut icon”

    abraço,
    []´s

  2. João Paulo disse:
    23 de fevereiro de 2010 às 17:05

    Puxa bem legal esse post!!!

    E eu me matando em tentar descobrir onde o logo tipo era chamado no CSS… rsrs

  3. EasyLifeTerm.com disse:
    19 de agosto de 2010 às 16:35

    My web designer recommended that I take a look at your article and list. I am so glad that I did. Thanks for your research and list.

  4. Geraldo disse:
    1 de setembro de 2010 às 11:40

    Muito bom este artigo, bem melhor colocar um png q um gif

    Vlw, abraço!!

  5. Cleyton disse:
    26 de janeiro de 2011 às 13:27

    Problemas:
    Fiz tudo certo (substitui o meu logo pelo logo original do Template, os dois são .gif),
    mas quando atualizo a página do site aparece só um pedacinho do logotio novo…o que deve ser?

    Obs. tentei usar o formato .png também e aconteceu a mesma coisa.

    1. Mateus Souza disse:
      26 de janeiro de 2011 às 13:32

      Neste caso você tem que alterar o CSS, que é quem está cortando a logo. Use o firebug que você acha o problema mais rápido!

Faça um Comentário

Todas as Categorias