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

2

Criado por Mateus Souza em 24 de setembro de 2009 às 9:16

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

Postado em E-commerce, Magento, Tutoriais

Feed Comentários - RSS 2.0 | Trackback

Gostou? Então compartilhe já:

DeliciousDesign BumpDiggFriendfeedGoogleGoogle BuzzLinkedinMyspaceNetvibesPosterousRedditRSSStumbleuponTechnoratiTumblrYahoo Buzz

2 Comentários

  1. Túlio Vargas disse:

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

    abraço,
    []´s

    29 de setembro de 2009 às 11:55

  2. João Paulo disse:

    Puxa bem legal esse post!!!

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

    23 de fevereiro de 2010 às 17:05

Faça um Comentário

XHTML: Você pode usar essas tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Uhull, 111 assinantes feed e 41 seguidores no twitter.

Feed Feed E-mail Twitter Facebook

Linha Framework Code Canyon Theme Forest

Comentários

  • Mateus Souza disse:

    Nossa cara verdade, essa passou direto e eu nem vi!!!! Vlw pelo aviso :)

  • Sérgio Rodrigues disse:

    Opa! gostei muito do post, continue assim! Só um detalhe, você postou " – é um valor definido pelo programador –...mais »

  • CSS Gallery disse:

    Sugiro http://cssgallery.com à lista

  • Luiz Felipe disse:

    Cara, acho tenho uma idéia melhor. Por que você não coloca um botão "Continuar mesmo assim"? Acho que será melhor, pois...mais »

  • Mateus Souza disse:

    O código foi ajustado para aparecer no IE5.5, mais nem jQuery funfa no IE5 :). Para que apareça no IE7, você...mais »

© 2010 Mateus Souza – Webdesigner (Deus Seja Louvado) | Posts (RSS) | Comentários (RSS). | powered by WordPress e Linha Framework :P

diHITT - Notícias BlogBlogs.Com.Br