Utiliser jQuery sous Magento

Dans: jQuery|Magento

23 juin 2009

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.


Edit:

  • 29/01/14 : (dépoussiérage de l’article) Utilisation du local.xml !

Mise en place :

  • Téléchargez la dernière version de jQuery.
  • Mettez le fichier jQuery dans votre dossier : skin/frontend/{interface}/{theme}/js
  • A la fin du fichier jquery, ajoutez : jQuery.noConflict();
  • Dans votre fichier app/design/frontend/{interface}/{theme}/layout/local.xml (à créer si nécessaire) :

Insérez après ce code ceci :

<layout version="0.1.0">
<default>
    <reference name="head">
        <action method="addItem"><type>skin_js</type><name>js/jquery.min.js</name></action>
    </reference>
</default>
</layout>

Usage :

Au lieu d’écrire :

$(".spoil").hide();

Remplacer les $ par jQuery :

jQuery(".spoil").hide();

2 Commentaires pour Utiliser jQuery sous Magento

Avatar

Benoît

janvier 28th, 2014 à 17 h 54 min

Et ba franchement… Nickel !

Je galérer un poil, enfaite j’avais surcharger mon template .phtml pour incorporer le Jquery du slider… Bref merci pour l’info ;)

Un petit détail : Télécharger pas forcément la dernière version, mais biensur celle dont vous avez besoin en fonction du rendu voulu ;)

Merci Frederic pour ton blog, qui franchement, est devenu un peu ma bible depuis que je me suis mis a Magento.

Félicitation a toi, et merci pour nous ;)

Avatar

Frédéric Martinez

janvier 29th, 2014 à 10 h 27 min

@Benoit : Avec plaisir ! Je viens de mettre à jour l’article, car il était assez vieux ;-)

Formulaire pour Commenter

Si vous en avez besoin, entourez votre code :

PHP : [php]echo $variable[/php]
XML : [xml]<default></default>[/xml]

Je m'appelle Frédéric Martinez.

Je suis Freelance Magento, fondateur de l'agence web e-commerce PH2M et anciennement étudiant en Master MIAGE à Toulouse.

Ce site présente mes réalisations professionnelles, personnelles et universitaires.

Magento Certified Developer Plus

rss_32 twitter_32 Magento

  • Vincent MARMIESSE: Bonjour, Attention depuis Magento 1.9.2.0, les blocs CMS sont en cache ! Cela ne pose pas de pro [...]
  • Java2dev: Bonjour, pour l'Etape 1 a quel niveau on met les codes? dans quel folder et c'est un fichier a edit [...]
  • manuel: Bonjour Frédéric, j'aimerais savoir comment enlever l'option de ( signature obligatoire ) de mon m [...]
  • Arsene: Bonjour a tous, j'aimerais savoir comment créer un module qui propose des options d'assurance su [...]
  • Frédéric Martinez: @Thomas : Il y aura toujours de la perte sur les personnes ne retournant pas sur la page de success. [...]