[Résolu] Problème fancybox mondial relay blocage affichage de la map google

[lechapelier]

Bonjour à tous,
 
Presta 1.6.1.9.
 
Petit problème avec la fancy box mondial relay, lors de la sélection du transporteur mondial relay la fancy box s'ouvre, les points relay sont ok et la sélection de point relai fonctionne bien mais la map google s'affiche 1/4 de seconde et disparaît.
 
Pas terrible pour le client
 
Joli message
 
Petit problème... Une erreur s'est produite

Google Maps ne s'est pas chargé correctement sur cette page. Pour plus d'informations techniques sur cette erreur, veuillez consulter la console JavaScript.

 

 

D'après mes quelques recherches voir ce lien pour le problème qui se rapproche du mien mais pour l'affichage de la map avec l'emplacement de la boutique:

 

https://www.prestashop.com/forums/topic/539319-store-map-error-missing-api-key/page-2

 

Ça semble être un souci de clé Api.

 

J'ai un autre site en 1.6.1.4 et pas de problème, module mondial relais tous deux en 2.1.6 et la config est identique.

 

Si vous avez une piste je suis preneur.

 

merci à vous.

Edited December 3, 2016 by lechapelier (see edit history)

[Eolia]

Les api keys sont obligatoires pour tous les domaines créés après le 1er juillet 2016 (de mémoire)

Vous devez en créer une sur votre compte Google et l'ajouter dans le script qui génère la map

[lechapelier]

Bonjour Eolia,
 
merci pour vos lumière.
 
Edit:
 
Alors voici comment procéder à ce jour pour que la carte google maps s'affiche lors de la sélection du point mondial relais pas le client :
 
Je suis passé par cette page de chez google pour la gestion des clé API pour développeurs:
 
https://developers.google.com/maps/documentation/javascript/get-api-key
 
Il faut être connecté avec son compte google c'est mieux...
 
Cliquer sur get a key.
 
Demander un clé google maps, elle est générée en quelques secondes et fait 39 caractères, vous pouvez configurer une restriction à votre guise.
 
Nommer votre clé avec un nom explicite car API1 dans 1 an avec 10 autres clé ne vous dira plus rien...
 
Surtout enregistrer sinon la clé n'est pas activée.
 
 
Rendez-vous sur votre serveur, allez dans les fichiers du module mondial relay qui n'est pas dans votre thème et télécharger le fichier mondialrelay.php situé à la racine du dossier.
 
Sauvegardez le à part avant toute modification.
 
Aller à la ligne 586 environ ou effectuer une recherche avec notepad++ sur le terme:
 
if($this->canAddJSViaController())
$this->context->controller->addJS('https://maps.googleapis.com
 
Remplacer l'url 'https://maps.googleapis.com...' par 'https://maps.googleapis.com/maps/api/js?sensor=false&key=VOTRE API 39 CARACTERES'
 
enregistrer, vous remplacer le fichier sur le serveur par le modifié, videz le cache presta par précaution.
 
La carte google maps doit s'afficher dans la fancy box mondial relay.
 
Attention, je suppose que les mises à jour du module écraseront les modifications alors n'oubliez pas de contrôler son fonctionnement après une mise à jour.
 
Peut-être mondial relay aura t-il le bon sens de créer un champ dans l'interface de configuration du module pour que l'on puisse intégrer facilement cette clé API googmaps et on peut espérer qu'elle ne sera pas écrasé par les mise à jour.
 
En espérant que ça vous soit utile.
 
bonne ventes.

Edited December 3, 2016 by lechapelier (see edit history)

[Rom Soul]

Même problème sur Prestashop 1.6.10 + Mondial Relay 2.1.8 :

la carte apparaît brièvement puis est remplacée par un encart gris "petit problème... Une erreur s'est produite"

 

Un grand merci pour cette solution au chapelier !..

Chez moi ça ne suffisait pas tout à fait, il m'a aussi fallu ajouter la clé dans le template modules/mondialrelay/views/templates/front/header_widget.tpl :

 

<script type="text/javascript" src="https://maps.google.com/maps/api/js?sensor=false&key=xxxxxxxxxxxxxxxxxxxxxxxxxxxx"></script>

 

Bien dommage en effet que ce ne soit pas paramétrable dans la configuration du module :

Le jour où le module "bénéficiera" d'une mise à jour le bug reviendra au galop et ... il faudra alors se souvenir de la manip.

(avec un peu de chance on retombera sur ce topic   ) 

[lechapelier]

Bonjour,

 

Content que ça vous ait donné une piste pour résoudre ce souci.

 

Il me semble que certains problèmes avec les maps google soient résolues dans une version supérieure de presta à la votre, voir le changlog de la 1.6.1.14:

 

http://build.prestashop.com/news/prestashop-1-6-1-14-maintenance-release/

 

• Add API_KEY field to display the map

Pas d'autres précision... je n'ai pas gratté non plus.

 

Cette maj résout peut être le problème de maps qui ne s'affiche pas dans le back office dans les commandes clients (même si peu utile c'est sympa à voir) et dans les module boutique pour les infos d'ouverture et de localisation.

 

Concernant la map mondial relay, pour ma part je suis passé en mode liste car sur smartphone c'est mal dimensionné et peu rassurant pour l'utilisateur donc à tester. Le mieux serait de faire un test A/B avec les 2 solutions et voir la quelle transforme le mieux ou si c'est identique.

 

Et oui mondial relay ne sont pas des foudres de guerre et leur module est juste passable, gardez vos éléments modifiés et faites vous une procédure pour les ré-implanter après une mise à jour ça ne prend pas beaucoup de temps comme ça.

 

Envoyez un mail au service technique de mondial relay en leur expliquant le souci, parfois on peut être entendu.

 

C'est une bonne idée de poster sur le forum pour se faire un mémo, en plus c'est utile aux autre foromeurs.

 

bonne continuation.

Edited June 30, 2017 by lechapelier (see edit history)

[Eolia]

la mise à jour de la 1.6.1.14 ne résoud le problème que pour les js map utilisées par le coeur.

 

Pour les modules et thèmes, il faut mettre les mains dans le code, pas le choix

[Eolia]

Et pour être complet, suivant les paramètres choisis par le vendeur dans le BO, ce sont 3 fichiers à éditer

- mondialrelay.php

- header.tpl

- header_widget.tpl

 

Le link doit être celui-ci:  https://maps.google.com/maps/api/js?key=XXXXXXXXXXXXXXXXXvotre-cléXXXXXXXXXXXX

 

Le sensor=false est deprecated depuis 2 ans et ne doit plus être utilisé^^

[lechapelier]

merci Eolia pour ces informations.