{"id":3328,"date":"2017-08-08T12:40:20","date_gmt":"2017-08-08T12:40:20","guid":{"rendered":"http:\/\/www.majory-cubizolles.fr\/blog\/?p=3328"},"modified":"2018-01-22T18:29:32","modified_gmt":"2018-01-22T18:29:32","slug":"bug-google-map-petit-probleme-prestashop-1-6","status":"publish","type":"post","link":"https:\/\/www.majory-cubizolles.fr\/blog\/bug-google-map-petit-probleme-prestashop-1-6\/","title":{"rendered":"Bug Google MAP – Petit probl\u00e8me… | Prestashop 1.6"},"content":{"rendered":"

Vous \u00eates sur Prestashop 1.6 et la carte Google MAP, ne s’affiche pas sur la page \u00ab\u00a0magasins\u00a0\u00bb\u00a0?<\/p>\n

Voici un tutoriel qui va permettre de r\u00e9gler ce petit souci.<\/p>\n

\"Bug<\/a><\/p>\n

<\/p>\n

A) Obtenir un cl\u00e9 API sur google<\/strong><\/span><\/p>\n

Pour g\u00e9n\u00e9rer une cl\u00e9 API de la part de google, allez sur le site suivant : https:\/\/developers.google.com\/maps\/documentation\/javascript\/?hl=fr<\/a> et cliquez sur obtenir une cl\u00e9<\/p>\n

\"Bug<\/a><\/p>\n

OPTION\u00a0 1)\u00a0<\/span><\/strong><\/p>\n

Vous allez dans Pr\u00e9f\u00e9rences > G\u00e9n\u00e9ral<\/strong> et vous avez un\u00a0 champs API KEY<\/p>\n

\"\"<\/a><\/p>\n

OPTION\u00a0 2)\u00a0<\/span><\/strong><\/p>\n

Sinon<\/p>\n

B) Modifier les fichiers prestashop suivants :\u00a0<\/strong><\/span><\/p>\n

1) Ouvrir le fichier <\/strong><\/em>controllers\/admin\/AdminOrdersController.php<\/strong><\/p>\n

Modifier le code suivant (vers la ligne 339)<\/p>\n

 $this->addJS('https:\/\/maps.googleapis.com\/maps\/api\/js?v=3.exp&sensor=false');<\/pre>\n
par<\/p>\n
$this->addJS('https:\/\/maps.googleapis.com\/maps\/api\/js?v=3.exp&sensor=false&key=YOUR_API_KEY');<\/pre>\n
Il faudra modifier la phrase YOUR_API_KEY par votre cl\u00e9 API<\/p>\n
2) Ouvrir le fichier \u00a0controllers\/front\/StoresController.php<\/strong><\/p>\n
Modifier le code suivant (vers la ligne 288)<\/p>\n
$this->addJS('http'.((Configuration::get('PS_SSL_ENABLED') && Configuration::get('PS_SSL_ENABLED_EVERYWHERE')) ? 's' : '').':\/\/maps.google.com\/maps\/api\/js?region='.substr($default_country->iso_code, 0, 2));<\/pre>\n
par<\/p>\n
  $this->addJS('http'.((Configuration::get('PS_SSL_ENABLED') && Configuration::get('PS_SSL_ENABLED_EVERYWHERE')) ? 's' : '').':\/\/maps.google.com\/maps\/api\/js?sensor=true&key=YOUR_API_KEY&region='.substr($default_country->iso_code, 0, 2));<\/pre>\n
Il faudra modifier la phrase YOUR_API_KEY par votre cl\u00e9 API<\/p>\n
3) Ouvrir le fichier themes\/default-bootstrap\/js\/stores.js<\/strong><\/p>\n
Modifier le code suivant (vers la ligne 198)<\/p>\n
var html = '<b>'+name+'<\/b><br\/>'+address+(has_store_picture === 1 ? '<br \/><br \/><img src=\"'+img_store_dir+parseInt(id_store)+'.jpg\" alt=\"\" \/>' : '')+other+'<br \/><a href=\"http:\/\/maps.google.com\/maps?saddr=&daddr='+latlng+'\" target=\"_blank\">'+translation_5+'<\\\/a>';<\/pre>\n
par<\/p>\n
var html = '<b>'+name+'<\/b><br\/>'+address+(has_store_picture === 1 ? '<br \/><br \/><img src=\"'+img_store_dir+parseInt(id_store)+'.jpg\" alt=\"\" \/>' : '')+other+'<br \/><a href=\"http:\/\/maps.google.com\/maps?saddr=&daddr=&key=YOUR_API_KEY&daddr'+latlng+'\" target=\"_blank\">'+translation_5+'<\\\/a>';<\/pre>\n
Il faudra modifier la phrase YOUR_API_KEY par votre cl\u00e9 API<\/p>\n
4) <\/strong><\/em>Ouvrir le fichier\u00a0themes\/default-bootstrap\/js\/stores.jsadministration\/themes\/default\/template\/controllers\/orders\/helpers\/view\/view.tpl<\/strong><\/p>\n
Modifier le code suivant (vers la ligne 1331)<\/p>\n
url: 'http:\/\/maps.google.com?q={$addresses.delivery->address1|urlencode},{$addresses.delivery->postcode|urlencode},{$addresses.delivery->city|urlencode}{if isset($addresses.deliveryState->name) && $addresses.delivery->id_state},{$addresses.deliveryState->name|urlencode}{\/if},{$addresses.delivery->country|urlencode}'<\/pre>\n
par<\/p>\n
url: 'http:\/\/maps.google.com?key=YOUR_API_KEY&q={$addresses.delivery->address1|urlencode},{$addresses.delivery->postcode|urlencode},{$addresses.delivery->city|urlencode}{if isset($addresses.deliveryState->name) && $addresses.delivery->id_state},{$addresses.deliveryState->name|urlencode}{\/if},{$addresses.delivery->country|urlencode}'<\/pre>\n
Il faudra modifier la phrase YOUR_API_KEY par votre cl\u00e9 API<\/p>\n
5) Nettoyer votre cache<\/p>\n
Allez dans le dossier cache et supprimer le fichier class_index.php<\/p>\n
\"Vider<\/a><\/p>\n
RESULTAT\u00a0<\/strong><\/span><\/p>\n
Si tout va bien, vous devez visualiser GOOGLE MAP<\/p>\n
\"googlemap\"<\/a><\/p>\n
 <\/p>\n
Articles similaires<\/h2><\/div>\n\t\t\t\t\t\t
  \n\t\t\t\t\t\t  \n\t\t\t\t\t\t  
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t 
<\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t   Le pouvoir du hashtag  
views 276<\/div><\/a>\n\t\t\t\t\t\t\t\tLe hashtag connu par ce petit signe\u00a0\u00ab\u00a0#\u00a0\u00bb, permet de suivre un fil de discussion associ\u00e9 au sujet du symbole.\r\n\r\nCette infographie fait donc une r\u00e9trospectif de ce petit symbole au\u00a0pouvoir immense.\r\n\r\n\r\n\r\n\r\n\r\n\u00a0<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t
  \n\t\t\t\t\t\t  \n\t\t\t\t\t\t  
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t 
<\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t   G\u00e9rer les paniers abandonn\u00e9s | Astuce Prestashop 1.6  
views 5855<\/div><\/a>\n\t\t\t\t\t\t\t\tQu'est ce qu'un panier abandonn\u00e9 ?\u00a0\r\nL\u2019abandon de panier, \u00a0c\u2019est lorsque l\u2019un de vos internautes ne finalise pas le processus de commande, apr\u00e8s avoir ajout\u00e9 un ou plusieurs produits dans le panier et cliqu\u00e9 sur\u00a0le bouton \"commander\".\r\n\r\nUn internaute peut d\u00e9cider d'arr\u00eater sa commande \u00e0 n'importe quelle \u00e9tape du processus: cr\u00e9ation de compte, choix de livraison, paiement....\r\n\r\nO\u00f9 consulter la li...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t
  \n\t\t\t\t\t\t  \n\t\t\t\t\t\t  
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t 
<\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t   D\u00e9sactiver les frais de port dans le block panier |  Astuce Prestashop 1.6  
views 6155<\/div><\/a>\n\t\t\t\t\t\t\t\tPour \u00e9viter toute confusion, je pr\u00e9f\u00e8re d\u00e9sactiver les frais de port dans le block panier.\r\n\r\nEn effet, si le client n'est pas connect\u00e9 \u00e0 son compte, Prestashop indiquera les frais de port les moins chers.\r\n\r\nHors si le client habite aux Etats-Unis, les frais de port\u00a0peuvent consid\u00e9rablement varier et entrainer ainsi un risque d'abandon \u00a0lors de la finalisation de la commande. (voir depuis le d\u00e9bu...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t
  \n\t\t\t\t\t\t  \n\t\t\t\t\t\t  
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t 
<\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t   Petit aper\u00e7u du th\u00e8me Classic de prestashop 1.7  
views 8345<\/div><\/a>\n\t\t\t\t\t\t\t\tPrestashop vient de sortir la version \u00a01.7.0.0 RC0.\r\n\r\nA noter, par rapport \u00e0 la version Prestashop 1.6, le th\u00e8me a \u00e9t\u00e9 totalement repens\u00e9 afin d'\u00eatre plus minimaliste, fonctionnel et ergonomique.\r\n\r\nIl faut savoir aussi que la migration de Prestashop 1.6, 1.5.... \u00a0vers\u00a0 PrestaShop 1.7 sera impossible.\r\n\r\n\r\n\r\nD'un point de vue perso :\r\n- je ne suis pas fan des couleurs en particulier le\u00a0gris (je l...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t
  \n\t\t\t\t\t\t  \n\t\t\t\t\t\t  
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t 
<\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t   La diff\u00e9rence entre Pinterest et Instagram | Infographie  
views 526<\/div><\/a>\n\t\t\t\t\t\t\t\tCette infographie va vous permettre de connaitre les diff\u00e9rences entre les deux r\u00e9seaux sociaux : Pinterest & Instagram\r\nPinterest\u00a0permet de cr\u00e9er des tableaux o\u00f9 vous pouvez accrocher gr\u00e2ce \u00e0 des \"punaises\", des \u201cpin\u201d, tout ce que vous aimez, en particulier des photos ou des images. \u00c0 l\u2019instar de Facebook, vous pouvez \u00e9changer, partager, aimer ce que vous appr\u00e9ciez et ce que vos amis appr\u00e9cie...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n<\/div>  ","protected":false},"excerpt":{"rendered":"
Vous \u00eates sur Prestashop 1.6 et la carte Google MAP, ne s’affiche pas sur la page \u00ab\u00a0magasins\u00a0\u00bb\u00a0? Voici un tutoriel qui va permettre de r\u00e9gler ce petit souci. Articles similaires Ajouter gratuitement un live chat sur votre site | Astuce Prestashop 1.6 views 2287 Qu’est qu’un live chat ?\u00a0 Le […]<\/p>\n","protected":false},"author":1,"featured_media":3333,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,11],"tags":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/posts\/3328"}],"collection":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/comments?post=3328"}],"version-history":[{"count":0,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/posts\/3328\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/media\/3333"}],"wp:attachment":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/media?parent=3328"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/categories?post=3328"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/tags?post=3328"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}