Integrare jQuery in Magento

da Antonio Carboni.

Be Sociable, Share!
    jQuery + 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

    4
    Commenti
    Scopri la nuova guida per la creazione e modifica dei template di Magento

    AUTORE:

    Antonio Carboni è un webdesigner di Cagliari. Particolarmente attivo nel campo dell’ecommerce e grande conoscitore della piattaforma Magento. Dopo la maturitá scientifica intraprende la professione di webdesigner freelance collaborando con diverse societá in tutta italia.
    Google+ | Facebook | Twitter | Linkedin

    4 commenti in “Integrare jQuery in Magento

    1. Marco

      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?

      • Antonio Carboni

        beh solitamente il file js si trova hostato dal sito ufficiale o da Google.. basta inserire quel link anzichè il file..

    2. Fabio

      Ciao, ottima guida, ed ottima dritta quella sul conflitto con Prototype. Mi sarà utile ;)

    Lascia un Commento

    L'indirizzo email non verrà pubblicato. I campi obbligatori sono contrassegnati *

    *

    È possibile utilizzare questi tag ed attributi XHTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>