Comment installer le widget de Mondial Ralay?

morrissfr · March 25, 2013

Bonjour à tous,

je voudrais installer ce widget http://widget.mondialrelay.com soit dans une page CMS soit dans une pop-up afin, qu'avant de choisir M.R, le client voit s'il y a un point relais qui existe et lui convienne, mais j'avoue ne rien comprendre "au comment l'installer". Si quelqu'un peut m'expliquer, ça servirait peut-être à d'autres d'ailleurs, merci beaucoup.

Note: je ne suis pas programmeur ... alors...

Laurent

morrissfr · March 26, 2013

Personne n'a d'idées?

Jean Francois G · March 27, 2013

inutile puisque c'est inclus dans le module fournis pour prestashop, au moment de la sélection du transporteur

morrissfr · March 28, 2013

Je le sais, mais depuis que je l'ai installé des clients veulent savoir avant s'il y a des points relais vers chez eux. J'ai mis un lien vers le site de Mondial Relay où ils peuvent vérifier mais c'est pas génial comme système, j'aurais préféré une page CMS ou un pop-up....

De toutes façons j'arrive pas à faire fonctionner leur Widget même sur une page html indépendante.

Merci pour ta réponse quand même!

Laurent

Olivier CLEMENCE · April 2, 2013

Bonjour Moriss,
alors comme je sais que tu veux utiliser ce widget avec mon module ajaxpopup voici une solution:
1. tu créé une nouvelle popup
2. tu lui donne un nom et des dimensions (a priori je dirais 725px de large et 210px de haut)
3. tu clic sur l'icône "html" dans le champ de saisie du texte
4. tu colle le code suivant:

<iframe style="border: 0;" src="http://widget.mondialrelay.com/parcelshop-picker/v2.0.0/codesamples/Demo/LightImplementation.aspx" width="700" height="200"></iframe>

C'est un code qui va généré une iframe dans ta popup pour appeler la même page que celle de la démo.

Voici ce que ça donne:

Pour information c'est normal que tu n'es pas réussi à faire fonctionner leur widget avec le code qu'ils ont donné car leur code est faux. J'ai corrigé trois erreurs et au final ça ne marchais toujours pas car il y a un appel vers un fichier qui n'existe pas. Donc le plus simple est d'appeler directement la démo.

Voici le lien direct vers la partie demo de leur widget:
http://widget.mondia...ementation.aspx

Edited June 20, 2017 by Olivier CLEMENCE (see edit history)

Olivier CLEMENCE · April 2, 2013

Juste une petite correction.

Comme le widget de mondial relay s'allonge lorsqu'on sélectionne une ville.

Il est préférable de mettre: 650px en hauteur pour l'iframe et 660px en hauteur pour la popup.

ce qui donne ça:

morrissfr · April 2, 2013

Merci ManiT4c pour, comme d'habitude, une réponse et rapide!

Astucieuse solution mais qui présente 2 inconvénients : 1/ si MR corrige son erreur ou ferme le site on n'a plus rien; 2/ on n'a que les points relais de France.

J'ai trouvé un site où ça a l'air de fonctionner ICI, l'ennui c'est que c'est en PHP donc, pour moi, difficile à exploiter avec le code source ou Firebug. Mais l'iframe se présente sous cette forme:

je sais pas si ça peut être utile.... j'ai signalé aussi à MR que leur code n'était pas très au point!

Voilà

Laurent

morrissfr · April 3, 2013

Comme je ne pense pas qu'on code le pop-up en PHP et qu'il faudra de toute manière 4 icônes de pays, il me semble que 4 pop-up, une par pays, serait la bonne solution (il n'y aura qu'une ligne de code qui sera modifiée) à condition de trouver les bons codes du widget!

Olivier CLEMENCE · April 3, 2013

Bonjour,

en effet impossible de mettre du php dans la popup il ne sera pas interprété, par contre tu peux le faire en javascript.

Voici un exemple qui te permettra d'afficher une popup avec un lien "france" et un "belgique" et qui rechargeront l'iframe lorsqu'on clic dessus sans sortir de la popup.

<p><a style="color: black;" onclick="document.getElementsByTagName('iframe')[0].src='http://www.mondialrelay.fr/ww2/lg_fr/espaces/url/frame_pr_kit.aspx?ens=BDINKSTO11&cp=16000&pays=FR&crc=DAE3C7E87ECA1A627AF7732D9ACBFE3E&url=www.inkstore.fr/store/mondial.php%3Faction%3Dclient%26relais%3D%7Brelais%7D%26pays%3D%7Bpays%7D';" href="#">France</a> | <a style="color: black;" onclick="document.getElementsByTagName('iframe')[0].src='http://www.mondialrelay.fr/ww2/lg_fr/espaces/url/frame_pr_kit.aspx?ens=BDINKSTO11&cp=4040&pays=BE&crc=F726E1F71C569F517AEA17E73D38995D&url=www.inkstore.fr/store/mondial.php%3Faction%3Dclient%26relais%3D%7Brelais%7D%26pays%3D%7Bpays%7D';" href="#">Belgique</a></p>
<p>mon iframe en dessous</p>
<p><iframe id="iframe" style="border: 0;" src="" width="700" height="650"></iframe></p>

morrissfr · April 3, 2013

oui ça fonctionne bien mais on se sert d'un site qui n'est pas le mien...."inkstore". Peut-être intégrer les valeurs réelles des variables contenues dans "action%3Dclient%26relais%3D%7Brelais%7D%26pays%3D%7Bpays%7D" directement dans la pop-up afin de ne plus passer par l'autre site? je sais pas si c'est possible mes connaissances en programmation sont très...succinctes.

Olivier CLEMENCE · April 3, 2013

Non pour le coup inkstore appel l'url chez mondialrelay.

Du coup avec mon code on fait pareil on appel l'url suivante:

http://www.mondialrelay.fr/ww2/lg_fr/espaces/url/.......

C'est sûr que du coup tu es dépendant de mondial relay mais ce sera toujours le cas, étant donné que c'est mondial relay qui tien à jour sa base de données de point relais.

Il est peut être possible de trouver les url qui pointe vers TON module mondialrelay que tu as installé sur ta boutique mais ce sera exactement la même chose vu que ce module est très certainement tenu à jour via la base de données de mondial relay.

Au passage tu gagnera sur la bande passante de ton serveur en appelant directement leur page plutôt que la leur.

Personnellement je laissera comme ça en surveillant de temps en temps si ça bouge pas (mondial relay à pas trop de raison de s'amuser à changer les url de ces pages)

Olivier CLEMENCE · April 4, 2013

Bon,

je reviens à la charge après un message de Morris qui m'indique que si on clic sur "valider" on arrive sur le site de inkstore (ennuyeux ).

La solution est donc de faire marcher le widget de mondialRelay. Après un peu de décorticage j'ai fini par y arriver.

Donc il faut créer une page html y ajouter le code suivant et l'envoyer sur ton serveur.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
	<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
	<script type="text/javascript" src="http://widget.mondialrelay.com/parcelshop-picker/v2.0.0/scripts/jquery.plugin.mondialrelay.parcelshoppicker.2.0.0.min.js"></script>
	<script type="text/javascript">
		$(document).ready(function () {
			// Charge le widget dans la DIV d'id "Zone_Widget" avec les paramètres de base
			$("#Zone_Widget").MR_ParcelShopPicker({
				Brand: "BDTEST13",  // code client
				Country: "FR",  // pays
			});
		});
	</script>
</head>
<body>
<div id="Zone_Widget">
</div>
</body>
</html>

Une fois la page envoyée sur le serveur, il faut créer un popup qui affiche une iframe appelant cette page.

Si comme pour inkjet tu souhaite donner le choix du pays tu as deux solutions.

1. contacter mondial relay et leur demander le code à utiliser pour que le widget affiche plusieurs pays. Je suis sûr que c'est possible et ça doit se passer ici:

Country: "FR",  // pays

Mais malgré plusieurs essai de syntaxe impossible de trouver comment indiquer plusieurs pays.

2. Tu créé une page html par pays (en remplaçant "FR" par "BE" par exemple) et tu insère le code suivant dans ta popup:

<p><a style="color: black;" onclick="document.getElementsByTagName('iframe')[0].src='lienverstapagehtmlFR" href="#">France</a> | <a style="color: black;" onclick="document.getElementsByTagName('iframe')[0].src='lienverstapagehtmlBE';" href="#">Belgique</a></p>
<p>mon iframe en dessous</p>
<p><iframe id="iframe" style="border: 0;" src="" width="700" height="650"></iframe></p>

En remplaçant bien sûr "lienverstapagehtmlFR" par l'url de la page correspondante.

Edited April 4, 2013 by maniT4c (see edit history)

Wilkes · April 4, 2013

Voilà une page HTML fonctionnelle avec le widget Mondial Relay :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
   <title></title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
    <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
    <script type="text/javascript" src="http://widget.mondialrelay.com/parcelshop-picker/v2.0.0/scripts/jquery.plugin.mondialrelay.parcelshoppicker.2.0.0.js"></script>
    <script type="text/javascript">
	    $(document).ready(function () {
		    $("#Zone_Widget").MR_ParcelShopPicker({
			    Target: "#Retour_Widget",
			    Brand: "BDTEST13",
			    Country: "FR",
			    Weight: "10000",
			    ColLivMod: "24R"
		    });
	    });
    </script>
</head>
<body>
   <div id="Zone_Widget">
   </div>
   <div style="padding: 10px; overflow: auto">
    <div style="background: #edffb2; border: solid 1px #a5f913; padding: 5px;font-family:verdana;font-size:10px">
	    Point Relais Selectionné :
	    <input type="text" id="Retour_Widget" /></br>
	    <em>Cette zone n'est pas située dans le Widget mais bien dans la page appelante.</em>
    </div>
   </div>

</body>
</html>

Pour la sélection du pays sur le widget, il n'y a pas de solution, ce n'est pas encore implémenté sur le widget,

je le sais de source sûre, par contre rien n'indique que ce ne sera pas implémenté un jour...

Olivier CLEMENCE · April 4, 2013

Oui c'est le même code que nous avons utilisé j'ai juste supprimé le champ input qui ne me semblait pas utile.

merauder1 · September 15, 2015

OK mais concrètement comment on fait? Je veux dire ces lignes on les ajoute où?

Est-ce comaptible avec un système en one-page checkout ou fait il obligatoirement passer en commande en 5 étapes?

Comment installer le widget de Mondial Ralay?

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Create an account or sign in to comment

Create an account

Sign in