Para prevenir dança de bandeiras no Back Office? To avoid dancing flags in the back office

Postado em Atualizado em

Todos sabemos, principalmente se trabalhamos com vários idiomas em nossa loja, que basta clicar na bandeira do idioma para que se abra – mas em outro campo mais abaixo – as opções para troca de idiomas.

É isso que o autor desse hack, a PSopExpert, quer dizer com ‘dancing flags’ ou bandeiras dançantes. Por isso ela modificou algumas linhas de código a fim de que a escolha de idiomas seja realizada abaixo do cursor do mouse.

Eu uso o Opera e o IE8 e para mim não funcionou!

Instalação

Aviso: faça uma cóia de segurança do arquivo /js/admin.js! Qualquer falha na instalação pode causar um mau funcionamento do Back Office.

Edite o arquivo:

/js/admin.js

Encontre a função mais ou menos na linha 73 na versão 1.1.0.5


function showLanguages(id)
{
getE('languages_' + id).style.display = 'block';
}

E e substitua por:

function showLanguages(id)
{
$('#languages_' + id).css({'position':'absolute','display':'block','left':mouseposx+'px','top':mouseposy+'px','z-index':'100'});
}

Adicione ao final do arquivo:

var mouseposx=0;
var mouseposy=0;
jQuery(document).ready(function(){
$().mousemove(function(e){
mouseposx=e.pageX;
mouseposy=e.pageY;
});
$('.language_flags').appendTo('#container');
$(".language_flags").hover(function(){},function(){$(".language_flags").css({'display':'none','left':'0px'});});
});

Foi testado com sucesso na útlima versão do FireFox, Internet Explorer, Safari; Chrome.

Screenshot: Como era.
Sreenshot:Como ficou

Para mais informações, visite post original no Fórum PrestaShop

——————————————————————————————————-
To avoid dancing flags in the back office

If you have an international website you have often to switch between languages but the flags are dancing with the form elements when you click on a flag.

This modification display the language choice below the mouse cursor as you can see on the screenshots.

INSTALLATION

Warning, you should backup your /js/admin.js! Any error in the installation may cause your back office not to work properly.

Edit file :

/js/admin.js

FIND AND REPLACE FUNCTION:

Line 73 in version 1.1.0.5

function showLanguages(id)
{
getE('languages_' + id).style.display = 'block';
}

by:

function showLanguages(id)
{
$('#languages_' + id).css({'position':'absolute','display':'block','left':mouseposx+'px','top':mouseposy+'px','z-index':'100'});
}

ADD TO THE END OF THE FILE:

var mouseposx=0;
var mouseposy=0;
jQuery(document).ready(function(){
$().mousemove(function(e){
mouseposx=e.pageX;
mouseposy=e.pageY;
});
$('.language_flags').appendTo('#container');
$(".language_flags").hover(function(){},function(){$(".language_flags").css({'display':'none','left':'0px'});});
});

Tested with success on last version of FireFox, Internet Explorer, Safari & Chrome

Screenshot: Before.
Sreenshot:Later

Fonte: Fórum PrestaShop

Deixe uma resposta

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s