Adicionando suporte ao jQuery no Magento

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:

  1. Versão atual do jQuery
  2. Versão atual do Scriptaculous

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:

jquery-no-magento-3

 

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.

Autor: Frederico de Castro

Diretor de tecnologia da Surreal Group, formado em sistemas de informação, com experiência em desenvolvimento web e desktop desde 2006, gosta de tudo relacionado à tecnologia e automação no ambiente web.

Deixe uma resposta

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