Seletor de idiomas do Magento com bandeiras

29/11/2016

Seletor de idiomas do Magento com bandeiras

 

Na maioria dos templates para Magento, nós vemos o seletor de idiomas num menu suspenso, um select. E isso é uma função default do Magento. Porém, quando queremos disponibilizar a nossa loja em vários idiomas, isso se torna muito inconveniente e não recomendável, por não ser nada profissional.

Entretanto, nós poderemos utilizar a capacidade do Magento em trabalhar com vários idiomas e efetuarmos alterações na sua forma de exibição. Assim, nós alteramos a exibição dos idiomas de um Select para um modelo com flags, bandeiras.

 

 

Antes de seguir as orientações abaixo, é necessário que você faça as devidas configurações no Magento para trabalhar com vários idiomas na sua loja virtual. Caso tenha alguma dúvida desse processo, por favor, clique aqui e siga as instruções.

 

1º) Passo

Faça o download das imagens referentes aos idiomas que você disponibilizará na sua loja em Magento. O ideal é que sejam imagens em .jpg ou .png, de mesma altura e largura. No meu caso, por exemplo, uso imagens com width = 16 e height = 11.

Feito o download, você deve pôr as imagens na pasta “images” do tema que está utilizando.


 

2º) Passo

Abra o seu editor de código favorito e abra o arquivo languages.phtml que você encontra no seguinte diretório:


Ali, você encontrará o script padrão do Magento para exibição de multi-lojas:

Altere para:


 

3º) Passo

Ainda com o seu editor de código aberto, abra o arquivo “styles.css” que você encontrará no seguinte diretório:

Inclua o script abaixo:

 

Feito isso, limpe o cachê do Magento e do seu navegador e acesse a página inicia do seu site.

Obs.: Caso não ocorra alteração alguma, abra o arquivo “page.xml” que está no seguinte diretório:

 

Busque o script abaixo:

Se não houver, adicione-o. Limpa o cachê do seu Magento e teste novamente.

 

Um abraço.

Nenhum Comentário

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *