Bug Google MAP – Petit problème… | Prestashop 1.6

Vous êtes sur Prestashop 1.6 et la carte Google MAP, ne s’affiche pas sur la page “magasins” ?

Voici un tutoriel qui va permettre de régler ce petit souci.

Bug Google MAP - Petit problème... | Prestashop 1.6

A) Obtenir un clé API sur google

Pour générer une clé API de la part de google, allez sur le site suivant : https://developers.google.com/maps/documentation/javascript/?hl=fr et cliquez sur obtenir une clé

Bug Google MAP - Petit problème... | Prestashop 1.6

OPTION  1) 

Vous allez dans Préférences > Général et vous avez un  champs API KEY

OPTION  2) 

Sinon

B) Modifier les fichiers prestashop suivants : 

1) Ouvrir le fichier controllers/admin/AdminOrdersController.php

Modifier le code suivant (vers la ligne 339)

par

Il faudra modifier la phrase YOUR_API_KEY par votre clé API

2) Ouvrir le fichier  controllers/front/StoresController.php

Modifier le code suivant (vers la ligne 288)

par

Il faudra modifier la phrase YOUR_API_KEY par votre clé API

3) Ouvrir le fichier themes/default-bootstrap/js/stores.js

Modifier le code suivant (vers la ligne 198)

par

Il faudra modifier la phrase YOUR_API_KEY par votre clé API

4) Ouvrir le fichier themes/default-bootstrap/js/stores.jsadministration/themes/default/template/controllers/orders/helpers/view/view.tpl

Modifier le code suivant (vers la ligne 1331)

par

Il faudra modifier la phrase YOUR_API_KEY par votre clé API

5) Nettoyer votre cache

Allez dans le dossier cache et supprimer le fichier class_index.php

Vider le cache dans Prestashop

RESULTAT 

Si tout va bien, vous devez visualiser GOOGLE MAP

googlemap

 

Articles similaires

Comment créer un compte employé/profils/permissions dans PrestaShop 1.6 & 1.7
views 2303
La page d'administration "Employés" permet de créer des comptes afin de se connecter au back-office de PrestaShop. La connexion aux back-office se fai...
Greffer le menu haut horizontal dans displayNav | Astuce Prestashop 1.6
views 3497
Ce tutoriel va vous permettre de greffer le module "menu haut horizontal" dans displayNav Cette astuce Prestashop est valable pour la version 1.6 ...
Ajouter le drapeau du pays dans le bloc langues | Astuce Prestashop 1.6
views 2808
Vous désirez insérer le drapeau du pays des langues que vous avez choisies pour votre site e-commerce. L'astuce est simple et rapide. Valable pour ...
Les modules installés par défaut sur le front-office de votre boutique | Prestashop 1.7
views 2520
La version Prestashop 1.7 officielle est sortie. La liste des modules installée par défaut sur votre boutique a considérablement diminué puisqu'il y a...
Comment configurer le diaporama de la page d’accueil | Prestashop 1.6 et 1.7
views 7483
Aujourd’hui, nous allons voir comment configurer le diaporama de votre page d'accueil sur votre boutique en ligne sur Prestashop 1.6 &Prestashop 1...
Faut-il installer et utiliser Prestashop 1.7 ?
views 3257
Prestashop a lancé officiellement la sortie de Prestashop 1.7, lundi 7 novembre. Vous pouvez télécharger le zip sur le lien suivant: https://www.prest...
Désactiver les deux zooms de la page produit | Astuce Prestashop 1.6
views 2772
Ce tuto simple et rapide va vous permettre de désactiver les deux zooms de la page produit. Cette astuce est valable Prestashop 1.6. Le code étant ...
Comment créer une langue manuellement | Prestashop 1.6 / 1.7
views 1868
Vous ne désirez pas utiliser le pack de traduction de Prestashop ? Vous désirez faire vos traductions vous-même ? Prestashop 1.6 et 1.7 permet faci...
Désactiver les taxes | Astuce Prestashop 1.6
views 1086
Si vous désirez désactiver les taxes dans prestashop, suivez les deux étapes suivantes 1) Allez dans préférences > taxes 2) Options des...
Désactiver “Suivez le guide : découvrez PrestaShop “
views 208
Vous en avait marre de voir la bannière "Suivez le guide : découvrez PrestaShop ", sur vos pages ? Dans ce cas, suivez ce tuto Comment dés...
  1. karo

    Merci ! Fonctionne très bien.
    Je n’ai juste pas fait la partie 4 car je n’ai jamais trouvé ces répertoires.
    Pour la partie 3, j’ai fait la modif dans le dossier de mon theme.
    Pas vidé le cache, cela a marché avec un petit F5.
    Merci encore

  2. Christophe FORGERON

    Super. Merci pour les infos. Ça remarche.
    La seule chose a rajouter pour que ça marche: il faut OBLIGATOIREMENT activer les 2: MAPS JAVASCRIPT ET GEOCODING dans les API Google.

    J’ai juste modifie le stores.js et view.tpl. Pour les 2 autres, ça prenait deja en compte l’API.
    Par contre, peut etre que si j’avais commence par activer le GEOCODING, ça suffisait sans modifs de fichiers.

    Juste un détaildans “Nos Magasins”: pas de logo qui s’affiche a l’emplacement de ma boutique dont j’ai pourtant renseigne l’adresse et les coord GPS.
    => dans le StoresController, j’ai ça:
    $this->addJS(‘http’.((Configuration::get(‘PS_SSL_ENABLED’) && Configuration::get(‘PS_SSL_ENABLED_EVERYWHERE’)) ? ‘s’ : ”).’://maps.google.com/maps/api/js?’.$api_key.’region=’.substr($default_country->iso_code, 0, 2));

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *