Faire tourner jQuery sous Magento

jquery

Comme vous le savez peut-être déjà, Magento utilise la librairie Prototype est inclus par défaut dans magento combiné avec script.aculo.us, c’est un outil puissant pour programmer les interactions du côté client. Il fournit aussi un framework Ajax.

Mais la plupart des plugins d’affichages sont codés en jQuery tel que Flexslider, Bxslider …

Comment alors on fait pour faire subsister les deux Framework dans notre projet tout en sachant qu’ils utilisent la même fonction $().

Heureusement, jQuery peut s’adapter à un mode spécial pour éviter le conflit entre les deux Frameworks.

Implémentation de jQuery dans le theme de Magento :

  • Téléchargez la dernière version de jQuery.
  • Insérer jQuery dans le répertoire : skin/frontend/{interface}/{theme}/js
  • A la dernière ligne du fichier jquery, ajoutez : jQuery.noConflict();
  • Dans votre fichier app/design/frontend/{interface}/{theme}/layout/local.xml

Mettre le code suivant :

Utilisation de jQuery :

Syntaxe par défaut de jQuery

Sous Magento , remplacer les $ par jQuery :

Répondre