Bienvenue, Invité
Merci de vous identifier ou de vous inscrire.    Mot de passe perdu?

Utiliser jQuery sous Magento : c'est possible !
(1 lecteur(s)) (1) Invité(s)
Aller en basPage: 12
SUJET:

Utiliser jQuery sous Magento : c'est possible !

#9667
Gabriiiel
I love Magento.
Expert Magento
Messages: 4118
graph
Personne n'est hors ligne Cliquez ici pour voir le profil de cet utilisateur
Sexe: Masculin gabriel.bouhatous Formation Magento Audit Conseil gabriel.bouhatous Ask me :) Lieu: Paris

Utiliser jQuery sous Magento : c'est possible !

Il y a 8 Années, 11 Mois
Karma: 112  
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.
 
Dernière édition: 25/03/09 à  06:24 Par Gabriiiel.
Expert Magento @ The e-Commerce Academy

L'administrateur a désactivé l'accès public en écriture.
#9862
chatlumo
Platinum Boarder
Messages: 502
graphgraph
Personne n'est hors ligne Cliquez ici pour voir le profil de cet utilisateur
Lieu: Cachan, 94 Date anniversaire: 06/04

Re:Utiliser jQuery sous Magento : c'est possible !

Il y a 8 Années, 10 Mois
Karma: 4  
Génial, merci pour cette info et le partage !

J'ai un appel de ce type :
Code :


$.prompt(msg,
{ buttons: { },
show: 'show',
  prefix:"accueil",
  overlayspeed: "fast",
promptspeed: "fast"

 });



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

Merci !
 
L'administrateur a désactivé l'accès public en écriture.
#9879
Gabriiiel
I love Magento.
Expert Magento
Messages: 4118
graph
Personne n'est hors ligne Cliquez ici pour voir le profil de cet utilisateur
Sexe: Masculin gabriel.bouhatous Formation Magento Audit Conseil gabriel.bouhatous Ask me :) Lieu: Paris

Re:Utiliser jQuery sous Magento : c'est possible !

Il y a 8 Années, 10 Mois
Karma: 112  
Salut Julien,

Tu remplaces "$" par "jQuery"
 
Expert Magento @ The e-Commerce Academy

L'administrateur a désactivé l'accès public en écriture.
#9922
chatlumo
Platinum Boarder
Messages: 502
graphgraph
Personne n'est hors ligne Cliquez ici pour voir le profil de cet utilisateur
Lieu: Cachan, 94 Date anniversaire: 06/04

Re:Utiliser jQuery sous Magento : c'est possible !

Il y a 8 Années, 10 Mois
Karma: 4  
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.
 
L'administrateur a désactivé l'accès public en écriture.
#21223
becquart
Junior Boarder
Messages: 20
graphgraph
Personne n'est hors ligne Cliquez ici pour voir le profil de cet utilisateur

Re:Utiliser jQuery sous Magento : c'est possible !

Il y a 8 Années, 3 Mois
Karma: 0  
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>
 
Dernière édition: 19/10/09 à  10:38 Par becquart.
L'administrateur a désactivé l'accès public en écriture.
#21242
Gabriiiel
I love Magento.
Expert Magento
Messages: 4118
graph
Personne n'est hors ligne Cliquez ici pour voir le profil de cet utilisateur
Sexe: Masculin gabriel.bouhatous Formation Magento Audit Conseil gabriel.bouhatous Ask me :) Lieu: Paris

Re:Utiliser jQuery sous Magento : c'est possible !

Il y a 8 Années, 3 Mois
Karma: 112  
Code :

jQuery.noConflict();


Est à mettre à la fin du script (à la dernière ligne et "hors jQuery").
 
Expert Magento @ The e-Commerce Academy

L'administrateur a désactivé l'accès public en écriture.
#26452
fredmac
Junior Boarder
Messages: 28
graphgraph
Personne n'est hors ligne Cliquez ici pour voir le profil de cet utilisateur

Re:Utiliser jQuery sous Magento : c'est possible !

Il y a 7 Années, 11 Mois
Karma: 0  
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)
Code :

http://ajax.googleapis.com/ajax/libs/prototype/1.6.1.0/prototype.js

Code :

http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js

Code :

http://ajax.googleapis.com/ajax/libs/scriptaculous/1.8.3/scriptaculous.js


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
 
L'administrateur a désactivé l'accès public en écriture.
#27773
chatlumo
Platinum Boarder
Messages: 502
graphgraph
Personne n'est hors ligne Cliquez ici pour voir le profil de cet utilisateur
Lieu: Cachan, 94 Date anniversaire: 06/04

Re:Utiliser jQuery sous Magento : c'est possible !

Il y a 7 Années, 10 Mois
Karma: 4  
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...
 
L'administrateur a désactivé l'accès public en écriture.
Revenir en hautPage: 12
Modérateur: Gabriiiel, ILOA, zuiko