Sujet Précédent Sujet Suivant

Comment ajouter le plugin de mondial relay

Résolu/Fermé
flexi2202 Messages postés 3803 Date d'inscription lundi 14 mars 2011 Statut Membre Dernière intervention 1 février 2025 - 22 déc. 2020 à 10:09
jordane45 Messages postés 38453 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 mars 2025 - 16 nov. 2021 à 17:14
bonjour a tous
je cherche a intégrer le plugin de mondial relay sur ma page html
via cette explication

https://widget.mondialrelay.com/parcelshop-picker/v4_0/codesamples/Sample-LightImplementation.aspx#doc_utilisation

je cree donc la page html comme indique 
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr" dir="ltr">
  <head>
    <title>Utilisation du Widget Mondial Relay</title>
    <!--jQuery-->  
    <script type="text/javascript" 
            src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>  
    <!-- Widget MR -->
    <script type="text/javascript"   
            src="https://widget.mondialrelay.com/parcelshop-picker/jquery.plugin.mondialrelay.parcelshoppicker.min.js"></script>    
  </head>
  <body>
    <!-- Widget -->
    <div id="Zone_Widget"></div>
    <!-- Parcelshop code -->
    <input type="hidden" id="ParcelShopCode" name="ParcelShopCode" />
  </body>
</html>


puis je dois y intégrer apparemment ce morceau de code en JavaScript je supposse dans le head 

<!--On charge Jquery depuis le CDN de google-->  
< script type = "text / javascript" src = "//ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js" > </ script >    
  
<!-- Charger Leaflet pour l'affichage de la map-->  
< script type = "text / javascript" src = "//unpkg.com/leaflet/dist/leaflet.js" > </ script >    
< link rel = "stylesheet" type = "text / css" href = "//unpkg.com/leaflet/dist/leaflet.css" />      
  
 <!--On charge le widget mondial relay depuis leurs serveurs-->  
< script type = "text / javascript" src = "https://widget.mondialrelay.com/parcelshop-picker/jquery.plugin.mondialrelay.parcelshoppicker.min.js" > </ script >


et ensuite ce morceau de code aussi dans le head
j ai essaye mais cela ne fonctionne pas 

$ (document) .ready ( fonction  (){  
       // Charge le widget dans la DIV d'id "Zone_Widget" avec les paramètres indiqués  
       // et renverra le Point Relais sélectionné par l'utilisateur dans le champs d'ID "Retour_Widget"  
        $ ( "#Zone_Widget" ) .MR_ParcelShopPicker ({     
                Target: "#Retour_Widget", // Selecteur JQuery de l'élément dans lequel sera renvoyé l'ID du Point Relais sélectionné (généralement un champ input hidden)  
                Brand: "BDTEST  ", // Votre code client Mondial Relay  
                Country: "FR" // Code ISO 2 lettres du pays utilisé pour la recherche  
        });  
});


merci de l aide
A voir également:

4 réponses

Réponse 1 / 4
jordane45 Messages postés 38453 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 mars 2025 4 740
22 déc. 2020 à 11:17
Bonjour,

Je vois déjà bien trops d'espaces dans ton code JS
Ne serait-ce que là 
Brand: "BDTEST  ",


Ensuite, pour voir ce qui cloche, il faut que tu regardes dans la console de ton navigateur les éventuelles erreurs JS qui y seraient indiquées...
0
jordane45 Messages postés 38453 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 mars 2025 4 740
22 déc. 2020 à 11:19
Je n'ai rien dit, c'est comme ça dans la doc.. bizarre

par contre, regarde ici
https://jsfiddle.net/MondialRelay/a9mxhow5/
0
Réponse 2 / 4
flexi2202 Messages postés 3803 Date d'inscription lundi 14 mars 2011 Statut Membre Dernière intervention 1 février 2025 187
30 déc. 2020 à 23:52
merci jordane c est finalement resolu
0
Fky45
16 nov. 2021 à 15:31
Bonjour,
Comment avez-vous résolu cette implémentation ?
Merci
0
jordane45 Messages postés 38453 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 mars 2025 4 740 > Fky45
16 nov. 2021 à 17:14
Bonjour,
Sûrement en regardant l'exemple du lien que je lui ai donné et/ou la documentation du plugin...
0
Réponse 3 / 4
James
Modifié le 30 mars 2021 à 21:08
Bonjour,

Si vous êtes sur WordPress vous pouvez utiliser ce plugin pour afficher les points relais de Mondial Relay

https://www.wcmultishipping.com/fr/mondial-relay-woocommerce/
0
Réponse 4 / 4
flexi2202 Messages postés 3803 Date d'inscription lundi 14 mars 2011 Statut Membre Dernière intervention 1 février 2025 187
5 avril 2021 à 10:48
bonjour
merci pour la reponse
0

Discussions similaires

Poids colis mondial relay 17kg au lieu de 5 max
Pierre_Ubk -
Babill -

2 réponses
Comment savoir comment on nous a ajouté sur Snap
Laura -
Lob6 -

15 réponses