Utiliser jQuery avec Magento

Last modified by diablotin123 on Wed, June 23, 2010 17:55
Source|Old Revisions  

De base, Magento utilise la librairie Prototype qui utilise la même fonction $() que jQuery.

Pour se faire, jQuery utilise un mode spécial pour éviter le conflit entre ces 2 librairies.

Téléchargez la dernière version de scriptaculous et de jQuery. Copier le fichier scriptaculous/effects.js à la place de /js/scriptaculous/effects.js

Dans le dossier /js/, créez un dossier « jquery » et placez-y jquery-*.*.*.min.js. Vous devriez donc avoir : /js/jquery/jquery-*.*.*.min.js A la fin de jquery-*.*.*.min.js, ajoutez :

  1. jQuery.noConflict();

Ouvrez app/design/frontend/{interface}/{theme}/layout/page.xml et insérez la librairie jQuery

Usage :

Au lieu d’écrire :

  1. $("div.spoil").hide

Remplacer les $ par jQuery :

  1. jQuery("div.spoil").hide

Source




 

Magento 2 GitHub Repository

Magento Job Board - Some sort of tag line goes here

Latest Posts| View all Jobs