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:
|
1 2 3 |
<script> jQuery.noConflict(); </script> |
$esempio –> jQuery.esempio
Non ho capito, bisogna aprire il file head.phtml e incollare a partire dall’ultima riga l’intero codice jquery e subito sotto di quello anche lo script noconflict? Senza inserire il file jquery-1.8.2.js da nessuna parte?
beh solitamente il file js si trova hostato dal sito ufficiale o da Google.. basta inserire quel link anzichè il file..
Ciao, ottima guida, ed ottima dritta quella sul conflitto con Prototype. Mi sarà utile 😉
Ti ringrazio 🙂
Ciao,se volessi utilizzare una Fancybox per inserire dei test html attivati da link devo seguire queste istruzioni ed utilizzare normalmente la Fancybox o scaricare l’estensione da Magento?