{"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   La taille des images sur les r\u00e9seaux sociaux  
views 674<\/div><\/a>\n\t\t\t\t\t\t\t\tLe blog setupablogtoday.com a publi\u00e9 une infographie r\u00e9capitulant les diff\u00e9rentes tailles des principaux espaces sur les r\u00e9seaux sociaux pour l'ann\u00e9e 2015\r\n\r\n----------\r\nImages Facebook\r\nImage de couverture : 851 x 315 pixels (taille minimum de 399 x 150 pixels qui sera \u00e9largie)\r\nPhoto de profil : 180 x 180 pixels\r\nImage partag\u00e9e : 1 200 x 900 pixels (taille minimum de 399 x 150 pixels)\r\nImage pou...<\/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   Le pouvoir du hashtag  
views 272<\/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   Les tendances SEO en 2015  
views 165<\/div><\/a>\n\t\t\t\t\t\t\t\tCette infographie, r\u00e9alis\u00e9e par\u00a0 CJG Digital Marketing \u00e0 la fin de l\u2019ann\u00e9e 2014,\u00a0 permet de d\u00e9couvrir les 8 tendances \u00e0 suivre pour un bon r\u00e9f\u00e9rencement en 2015 :\r\n\r\n1) Un contenu cibl\u00e9 et de qualit\u00e9,\r\n2) Les signaux sociaux auront un r\u00e9el impact,\r\n2) La s\u00e9curit\u00e9 de votre site internet,\r\n3) Le mobile friendly prendra de l'importance,\r\n4) La recherche conversationnelle,\r\n5) Le link-building ou netl...<\/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   Transformer les tabs de la page d\u2019accueil en bloc |  Astuce Prestashop 1.6  
views 5157<\/div><\/a>\n\t\t\t\t\t\t\t\tCe tutorial va vous permettre\u00a0de\u00a0transformer les tabs \"Populaire\", \"Meilleurs ventes\", \"Nouveaux Produits\" et \"Promotions\" de la page d'accueil en bloc\r\n\r\nCette astuce Prestashop a \u00e9t\u00e9 test\u00e9e\u00a0sur la version 1.6.1\r\n\r\nAttention, cette astuce est conseill\u00e9e pour les personnes qui connaissent un minimum Prestashop, html et css.\r\n\r\n\r\nA)\u00a0\u00a0Bloc Populaire\r\n1) \u00a0Aller dans Modules > Positions.\r\n\r\n1.1 ) D...<\/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   Seo et Prestashop | Astuces  
views 1158<\/div><\/a>\n\t\t\t\t\t\t\t\tVous avez une boutique en ligne ou le projet d'en ouvrir une ?\r\n\r\nIl y a une \u00e9tape indispensable \u00e0 ne surtout pas oublier ou n\u00e9gliger : le R\u00e9f\u00e9rencement - SEO.\r\n\r\nAvoir une boutique c'est bien, mais faut-il qu'elle soit visible sur le net. Ben oui, un site e-commerce\u00a0qui se situe en 6\u00e8me page\u00a0et\/ou \u00e0 une faible notori\u00e9t\u00e9 \u00e0 tr\u00e8s peu de chance d'\u00eatre visit\u00e9.\r\n\r\nMais rien n'est perdu, il faut utilise...<\/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 Prestashop 1.6 | Slider sur toute la largeur sur votre page d\u2019accueil views 9752 Voici un tutorial qui va vous […]<\/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}]}}