Neste artigo vou ensinar como adicionar suporte ao jQuery no Magento.
O Magento já possui suporte ao Scriptaculous, porém ele não é de todo perfeito e caso você queira plugins adicionais que utilizem o jQuery como base você vai precisar do jQuery.
Os arquivos necessários para realização dessa tarefa são:
Você vai reparar que o Magento já possúi o Scriptaculous, porém as versões mais antigas desse script não foram criadas pensando em compatibilidade com outros scripts e dariam conflito com o jQuery caso você não atualize.
Com os scripts nas mãos faça o seguinte:
Atualizando o Scriptaculous
Copie todos os arquivos do Scriptaculous para /js/scriptaculous/ substituindo todos os arquivos existentes.
Adicionando o jQuery
Abra o arquivo /app/design/frontend/default/seuTema/layout/page.xml
Logo abaixo dos outros scripts adicione a seguinte linha:
[code] <action method=”addJs”><script>jquery.js</script></action>[/code]
Ficando assim:
Agora coloque o seu jQuery na pasta /js/ com o nome jquery.js
O caminho completo seria /js/jquery.js
Agora abra o arquivo do jquery e adicione ao final do arquivo a linha:
[code]jQuery.noConflict();[/code]
Ficando assim:
Agora vá na administração do seu Magento e atualize o cache para que tudo entre em funcionamento.
Pronto, você adicionou o jQuery no seu Magento.
Para utilizar o jQuery dê preferência pela sintaxe:
[code]jQuery(‘objeto’).acao();[/code]
ao invés de
[code]$(‘objeto’).acao();[/code]
É isso.
Abraços.
