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

Créer un thème enfant avec PrestaShop 1.7
views 37
Qu’est ce qu’un thème enfant ? Un thème Prestashop est un ensemble de fichiers qui permet de gérer les fonctionnalités et le visuel d ‘un site Prest...
Liste des variables smarty : Prestashop 1.7
views 17
Je vais énumérer dans ce tutoriel, les variables utlisées dans Prestashop 1.7, Pour les découvrir, vous avez deux methodes. Pour les deux méthodes,...
Désactiver les deux zooms de la page produit | Astuce Prestashop 1.6
views 2222
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 ...
A/B Testing – Quick Vs Multi Page checkout – Which performs better?
views 460
Checkout pages are the last part of transaction that confirms sale. They ask customer about their personal information (name, CNIC, credit card info, ...
Les modules installés par défaut sur le front-office de votre boutique | Prestashop 1.7
views 2083
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...
L’Affichage des colonnes | Astuce Prestashop 1.6
views 1042
La dernière version de Prestashop (1.6) permet de gérer plus facilement l'affichage de la colonne de droite ou de gauche et de choisir sur quelles pag...
Pourquoi faut-il migrer sur Prestashop 1.6 | Infographie
views 156
Cette infographie, met en avant les différentes raisons pour migrer son site Prestashop sur la version 1.6 En voici quelques-unes : - le thème par d...
Comment relier son compte Paypal à sa boutique Prestashop 1.6
views 3873
Encore aujourd'hui, une partie des consommateurs ont peur d'utiliser sa carte de crédit sur un site internet, en particulier à des marques encore peu ...
Faire une sauvegarde de votre BDD depuis le BO de Prestashop 1.6
views 812
Qu'est ce qu'une BDD (base de données) ?  Une base de données est un outil qui permet de collecter et organiser des informations. Exemple: vos pro...
Désactiver les taxes | Astuce Prestashop 1.6
views 847
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...
  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 *