Comment ajouter le plugin de mondial relay

Résolu/Fermé
flexi2202 Messages postés 3801 Date d'inscription lundi 14 mars 2011 Statut Membre Dernière intervention 21 octobre 2024 - 22 déc. 2020 à 10:09
jordane45 Messages postés 38269 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 4 novembre 2024 - 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

4 réponses

jordane45 Messages postés 38269 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 4 novembre 2024 4 694
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 38269 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 4 novembre 2024 4 694
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
flexi2202 Messages postés 3801 Date d'inscription lundi 14 mars 2011 Statut Membre Dernière intervention 21 octobre 2024 187
30 déc. 2020 à 23:52
merci jordane c est finalement resolu
0
Bonjour,
Comment avez-vous résolu cette implémentation ?
Merci
0
jordane45 Messages postés 38269 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 4 novembre 2024 4 694 > 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
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
flexi2202 Messages postés 3801 Date d'inscription lundi 14 mars 2011 Statut Membre Dernière intervention 21 octobre 2024 187
5 avril 2021 à 10:48
bonjour
merci pour la reponse
0