Communauté Magento Francophone

Magento utilise le framework javascript Prototype, qui met à disposition une palette de possibilités, mais on peut être amené à utiliser jQuery.

Il suffit d'utiliser le mode noConflict() de jQuery.

1) Mise à jour de /js/scriptaculous/effects.js

Récupérez la dernière version de scriptaculous ici : script.aculo.us/downloads
Ceci afin de disposer du script effects.js en version 1.8.2 +.
Rendez vous dans le dossier /js/scriptaculous/ et renommez le script effects.js existant en effects.js_bak. Puis placez le script effects.js téléchargé dans le même dossier. Il vient donc en remplacement du script originel.

2) Téléchargement et installation de jQuery (en version 1.2.6 +)

Le téléchargement s'effectue ici : code.google.com/p/jqueryjs/downloads/det...=jquery-1.2.6.min.js

A la fin de jquery-1.2.6.min.js, insérez simplement :

jQuery.noConflict();

Puis, dans le dossier /js/, créez un dossier "jquery" et placez-y jquery-1.2.6.min.js. Vous devriez donc avoir : /js/jquery/jquery-1.2.6.min.js

Ouvrez page.xml, qui se trouve dans app/design/frontend/{interface}/{theme}/layout et repérez le code :

<action method="addJs"><script>mage/cookies.js</script></action>

Insérez après ce code ceci :

<action method="addJs"><script>jquery/jquery-1.2.6.min.js</script></action>

3) A l'usage...

Au lieu de $(this).hover(function() par exemple, utiliser jQuery(this).hover(function()

• Contributeur : Gabriel


• La reproduction de cet article n'est pas permise, hors autorisation expresse de Fragento.

Génial, merci pour cette info et le partage !

J'ai un appel de ce type :


C'est sensé se transformer en quoi à la sauce "Magento" ?

Merci !

Salut Julien,

Tu remplaces "$" par "jQuery"

C'est boen ce qui me semblait.

J'utilise un plugin pour jQuery :
trentrichardson.com/Impromptu/index.php

Lequel provoque une erreur :

Erreur : $(msgbox) is null
Fichier Source : www.localhost.com/js/jquery/plugins/jquery-impromptu.2.3.js
Ligne : 52

Je suppose que ça vient du $, à cause de prototype et/ou du mode noConflict de jQuery.

J'ai tenté naïvement de remplacer la ligne en question par :
var jqib = jQuery(msgbox).appendTo(b);

mais cela provoque une nouvelle erreur :

Erreur : uncaught exception: [Exception... "Component returned failure code: 0x80004005 (NS_ERROR_FAILURE) [nsIDOMViewCSS.getComputedStyle]" nsresult: "0x80004005 (NS_ERROR_FAILURE)" location: "JS frame :: www.localhost.com/js/jquery/jquery-1.2.6.min.js :: anonymous :: line 22" data: no]

Du coup je ne vois pas bien quoi modifier...

PS : Pour "débugguer" plus facilement, j'ai ajouté jquery-1.2.6.min.js et jquery-impromptu.2.3.js dans 2 balises scripts pour commencer.

Bonjour, je ressort ce sujet car il m'intéresse

Les versions ont évidemment évolué, donc j'ai fais pareil avec la version 1.3.2.



A la fin de jquery-1.2.6.min.js, insérez simplement :

jQuery.noConflict();



C'est à mettre tout à la fin ? ou juste avant que la fonction se termine ?

Par ailleurs, le dossier jquery est déjà créé... c'est du à une nouvelle version de magento ? (je vois que le post date d'y a 7 mois...)

En fait, je voudrais savoir c'est encore bien d'actualité, car l'organisation ne semble pas la même : dans scriptaculous, il n'y a pas de fichier du type jquery-1.2.3.min, alors qu'ils sont tous dans le dossier déjà créé jquery... Merci d'avance

ps : il y a un problème supplémentaire avec la version 2 de firefox, et si l'ont veux tenir compte des quelques retardataires qui ne sont pas à jour, il faut dans le fichier page.xml que jquery soit appelé avant prototype, comme ceci :

<action method="addJs"><script>jquery/jquery-1.3.2.min.js</script></action>
<action method="addJs"><script>prototype/prototype.js</script></action>

Est à mettre à la fin du script (à la dernière ligne et "hors jQuery").

Bonjour,

Je me permet de relancer le sujet.

Je souhaiterais alléger le serveur sur lequel mon site sera déposé (ce qui n'est pas du luxe).

Dans cette optique je souhaiterais utiliser les liens google sur les différentes api (scriptaculous, prototype et jquery)




Dans ce cas, comment modifier page.xml sachant que les scripts ne pointerais plus vers le dossier js mais vers les serveurs de google.

Merci

Salut,

Je n'ai pas la réponse mais fait attention quand même, ton site pourrait être ralenti si celui de Google est lent à répondre par moments...