Integrare jQuery in Magento

Viste le diverse richieste in merito all’integrazione di più script basati su jQuery, in questo articolo spiegherò brevemente come integrarlo in Magento senza fare danni.

Prima di tutto recupera le api dell’ultima versione di jQuery dal sito ufficiale o da Google Libraries API. Nel momento in cui scrivo l’ultima versione è:

https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js

Copia quindi il codice del jQuery (non ha importanza che sia minificato o meno) e incollalo all’interno del file di template della porzione in <head>, es:

app/design/frontend/your-design-package/default/page/html/head.phtml

In genere questo passaggio è immediato per la maggior parte delle persone, tuttavia alcuni ignorano il fatto che Magento utilizza per il suo funzionamento un’altra libreria: Prototype. Nel momento in cui viene inserita la libreria jQuery, si creerà un conflitto tra questa e la libreria nativa che impedirà ad entrambe di funzionare normalmente.

E’ quindi necessario aggiungere un piccolo script aggiuntivo sfruttando la comoda funzione noConflict di jQuery:

e sostituire quindi agli eventuali script installati il simbolo $ con “jQuery.” come nell’esempio:

$esempio –> jQuery.esempio