google map [Module Gratuit] Google Map magasins pour 1.7.x et 8.x

Arnaud Drieux · November 18, 2016

Bonjour à toutes et à tous.

Je me permet de poster ici un module gratuit pour Prestashop 1.7.

Module sur gith: https://github.com/ArnaudDx/Google-map-store-page-prestashop-1.7
Zip du module prêt à l'emploi : https://github.com/ArnaudDx/Google-map-store-page-prestashop-1.7/releases/download/2.1.0/storeggmap.zip

Suite à la disparition de la carte google sur la page "Magasins", il me paraissait intéressant de la retrouver de manière simple.

Comment faire ?

Uploadez le zip du module depuis votre back office
Remplissez le champ Google Map APi Key
Coller ce code n'importe où dans votre fichier themes/votretheme/templates/cms/stores.tpl entre les balises {block}{/block} (merci à okom3pom pour l'info du widget) :
```
{widget name="storeggmap"}
```

Edited February 24 by Arnaud Drieux
Up sujet (see edit history)

Arnaud Drieux · November 18, 2016

Merci pour l'info Okom

Soyons Solidaire · November 18, 2016

Salut , merci pour le partage , il fonctionne sur la 1.6.1.9...?

Arnaud Drieux · November 19, 2016

Bonjour.

Malheureusement, je ne me suis penché que sur la version pour prestashop 1.7.

Prestashop 1.6 n'implémentant pas les nouveautés de type "widget", ce module ne pourra pas fonctionner tel quel.

Edited November 19, 2016 by arnaud1900 (see edit history)

Soyons Solidaire · November 20, 2016

Bonjour , Merci du retour arnaud1900...!!

Arnaud Drieux · November 23, 2016

Pour ceux que ça intéresse, j'ai mis à jour le back office du module, afin de personnaliser et simplifier la carte.

ARQU · February 17, 2017

Nous vous remercions de la création de ce module arnaud1900.

J'ai un problème, les magasins ne semblent pas sur la carte.

Mon site est la suivante:

https://www.sibiles.com/es/tiendas-fisicas

Edited February 17, 2017 by ARQU (see edit history)

Soyons Solidaire · February 17, 2017

Nous vous remercions de la création de ce module arnaud1900.

J'ai un problème, les magasins ne semblent pas sur la carte.

Mon site est la suivante:

https://www.sibiles.com/es/tiendas-fisicas

Bonjour , Va sur google / https://developers.google.com/maps/documentation/geocoding/get-api-key?hl=fr

Edited February 17, 2017 by Soyons zen (see edit history)

Soyons Solidaire · February 17, 2017

Tu as une erreur 500 comment as tu uploadé le module :

https://www.sibiles.com/modules/storeggmap/storeggmapCall.php

Salut okom comment va...!

Soyons Solidaire · February 17, 2017

Ca va beaucoup de boulot

Super ; Et c'est tant mieux ca fait plaisir...

ARQU · February 17, 2017

Tu as une erreur 500 comment as tu uploadé le module :

https://www.sibiles.com/modules/storeggmap/storeggmapCall.php

Salut okom3pom.

Je suivais ce processus:

1. Compresser le dossier "storeggmap" et le charger par le back-office.

2. Créer un «Google Map clé API" et activer "API Google Maps JavaScript".

3. Insérez le code "{widget name="storeggmap"}" dans ../cms/stores.tpl

Vous savez ce qui pourrait être le problème?

Edited February 17, 2017 by ARQU (see edit history)

ARQU · February 17, 2017

Eh bien, maintenant il fonctionne.

J'ai vérifié le module autorisations de dossier:

Annuaires - 755

Fichiers - 644

Merci à tous!

Arnaud Drieux · February 18, 2017

Waou, je n'ai même pas eu le temps de répondre que la réponse était déjà là !

Merci à okom3pom et Soyons zen pour leur rapidité !

Effectivement, en ayant fait un F12 puis network, l'appel au fichier ajax donnait une erreur 500. il s'agissait bien d'un problème de droits

gorehide · June 22, 2017

Hi

Thanks for the module

Is this posible to change the zoom of the map??

Thanks

Arnaud Drieux · June 24, 2017

Hello Gorehide !

You can set the zoom value in the storeggmap/views/js/front-ggmap.js file.

In the initMap function, you can find the zoom value set to 5. Just change that

As soon as I have time I'll add this setting to the back office.

function initMap() {
    
    map = new google.maps.Map(document.getElementById('storemap'), {
        center: {lat: parseFloat(defaultLat), lng: parseFloat(defaultLong)},
        disableDefaultUI:true,
        fullscreenControl:true,
        streetViewControl:true,
        zoom: 5
    });

Edited July 27, 2017 by arnaud1900 (see edit history)

JC-Concept · July 26, 2017

Bonjour super merci

Arnaud Drieux · July 27, 2017

Bonjour JC-Concept !

Attention manipe super compliquée !!!!

Blague à part, dans votre template, vous pouvez placer cette balise où bon vous semble.

{widget name="storeggmap"}

JC-Concept · July 27, 2017

Lol ha ok je cherchais dans l'outil "position" ! Merci pour ton retour cela fonctionne parfaitement bien bravo pour le boulot

Edited July 27, 2017 by JC-Concept (see edit history)

Andeore · September 30, 2017

it not work in my prestashop site 1.7.2.2

why?

I installed the module with upload module button in backoffice. I put the api key and the longitude and latitude; so in back office the maps works but in the front office this not display. Why?

Arnaud Drieux · September 30, 2017

Hello andeore. Did you paste this code in your tpl?

{widget name="storeggmap"}

Andeore · September 30, 2017

yes I do.

I go with filezilla in mysite/themes/classic/templates/cms

and I download the file stores.tpl

I open this with a note editor and I past in the end of this {widget name="storeggmap"}

such as in photo

Arnaud Drieux · September 30, 2017

Try to put this widget code before the {/block}

Andeore · September 30, 2017

Try to put this widget code before the {/block}

PERFECT!!!

THANKS!!!

Now it works!

Arnaud Drieux · September 30, 2017

Yeah!

Have a nice day!

Nicolas Giraudo · October 2, 2017

Pour la 500 sur storeggmapCall.php que dois-je faire au juste ?

Il s'agit d'un problème de droits ?

Merci d'avance

Arnaud Drieux · October 2, 2017

Hello.

How have you installed the module?

Edited October 2, 2017 by arnaud1900 (see edit history)

Nicolas Giraudo · October 2, 2017

Hi

I tried both. Manually by FTP and automatically by modules page in the BO

Arnaud Drieux · October 2, 2017

Do you have an url can i check?

Daralala · November 9, 2017

Bonjour à tous,

et vraiment un grand merci pour ce module... Nickel.. sur version 1.7.1

Par contre, quelle est la raison pour laquelle il ne s'affiche pas sur mobile? Et chez certains, il ne s'affiche pas non plus sur pc .. J'ai pensé à un problème de memoire au chargement.

Saurais-tu pourquoi ?

Daralala · November 9, 2017

Re... Précisions, la carte ne s'affiche pas ni sur Explorer, ni sur Mozilla, mais pas de prb sur Chrome... Comment faire ?

Pourtant quand j'examine la page, le bloc de module est bien présent.

Si quelqu'un a une astuce, je suis preneuse ...

Merci bien !

Arnaud Drieux · November 9, 2017

Bonjour Daralala.

Bizarre cette histoire, je vais y jeter un oeil

Arnaud Drieux · November 9, 2017

Petite question. Avez-vous désactivez AdBlock ?

On dirait qu'AdBlock pose problème. (Google aurait mis à jour son script?)

JC-Concept · November 9, 2017

de mon côté cela fonctionne bien :

https://millesia.be/fr/magasins

Daralala · November 10, 2017

14 hours ago, arnaud1900 said:

Petite question. Avez-vous désactivez AdBlock ?

On dirait qu'AdBlock pose problème. (Google aurait mis à jour son script?)

Bonjour Arnaud,

oui, c'est étrange, parce que sur Chrome, affichage nickel avec AdBlock, et rien sur explorer, ni mozilla qui n'ont aucun bloqueur...

Vous pouvez voir sur lesbellesdesavon.com

Sur mobile, j'ai simplement désactivé.

Merci d'avance de votre retour, ça m'intéresse grandement !

A bientôt !

Daralala · November 10, 2017

12 hours ago, JC-Concept said:

de mon côté cela fonctionne bien :

https://millesia.be/fr/magasins

Bonjour JC,

oui, je viens de voir, ça charge au quart de tour même ! Donc, il doit y avoir qqchose chez moi qui bloque l'affichage pour ces navigateurs, mais quoi ?!

Bonne journée,

Daralala

Arnaud Drieux · November 10, 2017

Bonjour Daralala.

En effet, sur firefox, cela ne marche pas. En regardant la console il s'avère que mon module déclenche une erreur parmi quelques autres.

Je vous conseille de faire vérifier cela.

En Javascript, si une erreur se déclenche avant mon module (par exemple), alors cela fait planter le reste. Du moins, la plus part du temps.

Daralala · November 19, 2017

Bonjour,

merci pour votre réponse, je vais vérifier tout ça et je vous tiens au courant!

Bon dimanche !

Poldo · December 5, 2017

Salut arnaud1900, sorry for writing in English, but my French sucks...

I installed your module, thank you for sharing it. I just found some issues I'm listing here with the solution I used (Prestashop 1.7):

- As I'm developing using a sub-folder of a domain, I had to replace references in your code to folder "module" with _MODULE_DIR_, so it will work in any subfolder.

- I had problems loading the Google Maps API, so i had to modify the function hookdisplayHeader as follows:

 public function hookdisplayHeader($params)     {
        $this->context->controller->registerStylesheet('modules-ggmap', _MODULE_DIR_.$this->name.'/views/css/ggmap.css', ['media' => 'all', 'priority' => 150]);

        if ('stores' == $this->context->controller->php_self) {
            $apikey = Configuration::get('STORE_GGMAP_APIKEY');
            $this->context->controller->addJquery();
            $this->context->controller->addJS(_MODULE_DIR_.$this->name.'/views/js/front-ggmap.js');

            Media::addJsDef(array(
                'storeGGmapCall' => _MODULE_DIR_.$this->name.'/'.$this->name.'Call.php',
                'urlIcon' => (Configuration::get('STORE_GGMAP_ICON') ? _MODULE_DIR_.$this->name.'/views/img/'.Configuration::get('STORE_GGMAP_ICON') : null),
                'id_lang' => (int)$this->context->language->id,
                'defaultLat' => Configuration::get('STORE_GGMAP_LAT'),
                'defaultLong' => Configuration::get('STORE_GGMAP_LONG'),
                'ggApiKey' => $apikey,
            ));
            
        }
    }

(I know, I'm not checking if the API key is defined... I know it's there!)

There was no way to make registerJavascript() work with the API's, the reference just didn't appear anywhere in the generated page. So I had to remove the call from the above function, and modify front-ggmap.js adding the following line on top, after creating the :

$.getScript('https://maps.googleapis.com/maps/api/js?key=' + ggApiKey, initMap);

And commenting/removing the last lines:

/*
$(document).ready(function(){
    initMap();
});
*/

I also had to remove the reference to Googgle Maps API's from storeggmap.tpl:

{*<script async defer src="https://maps.googleapis.com/maps/api/js?key={$apiKey}"></script>*}

- The map was not showing, possibly because of the theme settings, so I made another modification to storeggmap.tpl, adding to the storemap div some style:

<div id="storemap" style="height: 500px;position: relative;overflow: hidden;"></div>

- Clicking on the marker, the country was retrieved as null so I modified storeggmapCall.php:

Old code:
$storeList[$key]['country'] = Country::getNameById((int)$id_lang, (int)$storeData['id_country']);

New code:
$storeList[$key]['country'] = Country::getNameById($id_lang ? $id_lang : Configuration::get('PS_LANG_DEFAULT'), (int)$storeData['id_country']);

Again, maybe that some of the issues come from the theme setting, still a newbie with Prestashop. I'm sure there will be other ways to do it, but this is working quite well!

Arnaud Drieux · December 5, 2017

Hello Poldo !

Thank you very much for your message.

I will read that closer and take time to update project on Git as soon as possible!

Poldo · December 6, 2017

Merci! And thank you again for the very useful module!

juan carlos · January 23, 2018

Hola Aun funciona??? porque realice los pasos, yo cree una página y pege el código iframe de google maps y al guardar me sale "el campo no es válido"

saludos buen dia

juan carlos · January 23, 2018

Hola ya lo solucione, tenia desactivado en parametros de tienda, la opcion de insertar iframes... gracias saludos

Arnaud Drieux · January 24, 2018

Sorry I don't really speak spanish. So I write in english.

Can you tell me which step you made ? I don't understand why you paste iframe

The only code you need to paste is : .

{widget name="storeggmap"}

in tpl file.

faydin34 · January 28, 2018

Hello everyone,

Thanks for the module Arnaud. I just uploaded this module to my site. IE shows the map on page, but chrome gives me error:

when I check with F12 on frontend,

Uncaught ReferenceError:
atdocument.imi (front-ggmap.js: 6)
at HTMLDocument. <Anonymous> (front-ggmap.js: 93)
at fire (core.js: 690)
at Object.fireWith [as resolveWith] (core.js: 711)
at Function.ready (core.js: 745)
at HTMLDocument. completed (core.js: 748)

what could be the reason, guys? I am no good at these things, so I have to ask, I would be more than happy.

my page is tvkartlar.com/tr/magazalar

ps it is seen correctly in backend

Regards.

Edited January 28, 2018 by faydin34
edited2 (see edit history)

Arnaud Drieux · January 29, 2018

Hello.

I checked your page and I have no errors in console.

Did you already fixed it ?

Abdelaziz · January 30, 2018

Salut

j'ai bien installé le module, j'arrive a voir la map dans la partie administration du module mais sur la partir front office je vois qu'une page blanche , je vois les coordonnées en bas mais la map je vois son emplacement mais pas de carte :

Merci pour votre aide

faydin34 · February 2, 2018

On 29.01.2018 at 11:03 AM, arnaud1900 said:

Hello.

I checked your page and I have no errors in console.

Did you already fixed it?

Hello, are you asking me? No, actually still it is not seeable on frontend on Chrome.(the page is : tvkartlar.com/tr/magazalar)

In IE, it is showing after a refresh of the page (not seen on first time load). In chrome, it never shows even if you refresh. just blank page.

Arnaud Drieux · February 3, 2018

MAJ - 03 02 2018
Merci à Poldo pour son aide précieuse et qui m'a permis de débugger le module.
- Debuggage de l'appel du script google map.
- Ajout d'un style initial sur la div googlemap

FR : A tous, vous pouvez télécharger la nouvelle version du module. Cela devrait régler tous les soucis.
EN : For all download the latest version. It can solve all problems

jgd24 · February 23, 2018

Le 18/11/2016 à 10:46 AM, arnaud1900 a dit :
Bonjour à toutes et à tous.

Je me permet de poster ici un module gratuit pour la nouvelle version de Prestashop 1.7 :
https://github.com/ArnaudDx/Google-map-store-page-prestashop-1.7

Suite à la disparition de la carte google sur la page "Magasins", je me suis dit que ça pourrait intéresser pas mal de monde de la retrouver de manière simple.

Comment faire ?
Télécharger le dossier depuis Git, puis uploader le dossier storeggmap dans le dossier "modules" de votre site via ftp

Installer le module dans le back-office

Remplissez le champ Google Map APi Key
Coller ce code :
{widget name="storeggmap"}
n'importe où dans votre fichier themes/votretheme/templates/cms/stores.tpl (merci à okom3pom pour l'info du widget)
S'agissant de mon premier module pour prestashop 1.7, il peut peu-être y avoir des erreurs, notamment avec l'ajout des éléments "widget" que je n'ai pas encore totalement saisi.

Etant donné qu'il s'agit également de ma première contribution GIT, je suis ouvert à toute bonne information

MAJ - 22 11 2016 :

- J'ai remplacé l'envoi de toutes les données des magasins dans une variable javascript, par un appel ajax. C'est ce que faisait prestashop dans les versions précédentes et c'est beaucoup plus sécurisé.

- Ajout champ "Icon" pour personnaliser les marker sur la google map.

MAJ - 23 11 2016:

- Ajout des champs Default Latitude / Default Longitude, afin de centrer la carte là où bon vous semble.
- Ajout d'une minimap dans le Back Office pour faciliter le choix des coordonées par défaut

MAJ - 03 02 2018
Merci à Poldo pour son aide précieuse et qui m'a permis de débugger le module.
- Debuggage de l'appel du script google map.
- Ajout d'un style initial sur la div googlemap

Bonsoir.

Ce module me parait super, mais chez moi, il ne fonctionne pas.

Dans le backoffice, dans la configuration du module, après avoir renseigné les champs et validé, la carte s'affiche un bref instant puis disparait... écran gris avec un point d'exclamation et ce 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."

Et sur la page d'accueil... cadre blanc.

Je suis sous prestashop 1.7 dernière version à jour.

Si quelqu'un avait quelques minutes à m'accorder pour m'apporter quelques lumières ca serait, parce qu'avant de déranger, j'ai cherché, mais mes connaissances sont bien limitées...

jgd24 · February 25, 2018

Un petit up Arnaud... stp...ou quelqu'un d'autre svp?

Je galère.

Arnaud Drieux · February 25, 2018

Il y a 13 heures, jgd24 a dit :

Un petit up Arnaud... stp...ou quelqu'un d'autre svp?

Je galère.

Bonjour.

Pouvez-vous faire un screenshot de la console (f12 > console) de votre navigateur ?

jgd24 · March 1, 2018

désolé, je n'ai pas été averti du message (j'avais oublié de cocher la case être informé... ceci est corrigé)

Merci pour la réponse. Voici le screenshot.

.

En fait, lorsque je saisi latitude et longitude, la carte apparait un bref instant puis revient à cet écran.

Arnaud Drieux · March 2, 2018

Bonjour.

Ceci est la capture du back office, il me faudrait la capture de la console (voir ma pj). Vous pourrez y accéder en appuyant sur f12.

jgd24 · March 2, 2018

Je ne sais pas si ca va vous donner grand chose...

Edited March 2, 2018 by jgd24 (see edit history)

jgd24 · March 2, 2018

Il y avait ceci aussi

Arnaud Drieux · March 3, 2018

Bonjour. Effectivement je n'arrive pas à voir l'erreur concernanr google map.

Si vous avez la meme erreur sur votre site côté client, merci de me fournir l'url de la page que je regarde. Sinon, merci de m'envoyer en mp un accès (même restreint au module) à votre back office

Poldo · March 14, 2018

Salut a tous!

I'm trying to upgrade to Prestashop 1.7.3 and of course I'm finding some problems... These are my comments related to this module, as it was not working anymore.

1. When upgrading I had to disable the added modules, and when re-enabling them, the displayHeader hook was lost. I had to uninstall and install again the module to see it.

2. When configuring again the module I had the same map error mentioned above when I entered just the API key. Once I entered latitude and longitude, and saved a couple of times, the error just disappeared.

2. The getStore() function now requires the language ID so in storeggmapCallphp I changed lines 6 and 7 from

    $stores = Store::getStores();
    $id_lang = Tools::getValue($_POST["id_lang"]);

to

    $id_lang = $_POST["id_lang"];
    $stores = Store::getStores($id_lang);

3. I had problems in using Tools::getValue($_POST["id_lang"]) returning an empty value, while using just $_POST["id_lang"] everything works great

4. Always in the same source, on line 12 I found

            if ($storeData['latitude'] && $storeData['latitude'])

that I changed to

            if ($storeData['latitude'] && $storeData['longitude'])

as I think this was the real meaning.

Now module is working again!

Arnaud Drieux · March 14, 2018

Il y a 2 heures, Poldo a dit :
Salut a tous!

I'm trying to upgrade to Prestashop 1.7.3 and of course I'm finding some problems... These are my comments related to this module, as it was not working anymore.

1. When upgrading I had to disable the added modules, and when re-enabling them, the displayHeader hook was lost. I had to uninstall and install again the module to see it.

2. When configuring again the module I had the same map error mentioned above when I entered just the API key. Once I entered latitude and longitude, and saved a couple of times, the error just disappeared.

2. The getStore() function now requires the language ID so in storeggmapCallphp I changed lines 6 and 7 from
    $stores = Store::getStores();
    $id_lang = Tools::getValue($_POST["id_lang"]);
to
    $id_lang = $_POST["id_lang"];
    $stores = Store::getStores($id_lang);
3. I had problems in using Tools::getValue($_POST["id_lang"]) returning an empty value, while using just $_POST["id_lang"] everything works great

4. Always in the same source, on line 12 I found
            if ($storeData['latitude'] && $storeData['latitude']) 
that I changed to
            if ($storeData['latitude'] && $storeData['longitude'])
as I think this was the real meaning.

Now module is working again!

Hey! Thank you very much for your feedback poldo!!! I will update your changes as soon as.

I think Tools::getValue($_POST[id_lang]) cant work because the function already check on $_POST and $_GET. So if you use this : Tools::getValue('id_lang')

That must be fine.

Poldo · March 15, 2018

Thank you, arnaud1900! And of course the change you wrote me works great.

Bonne journée!

Nox · March 15, 2018

Super module, simple et suffisant. Merci !

Arnaud Drieux · March 15, 2018

Thanks again to poldo for his feedback.

MAJ : 15/03/2018
- debug Store::getStores

HypNoTeeZz · March 21, 2018

Je souhaite ajouter le le module a une page CMS?
J'ai une page points de ventes, et j'aimerais que la carte s'affichr sur celle-ci ?

Arnaud Drieux · March 21, 2018

Bonsoir.

Cela peut être faisable, mais qu'avec du code uniquement, pour le moment. Voici comment faire.

Fichier storeggmap.php ligne 229 :

Remplacer

if ('stores' == $this->context->controller->php_self && !empty($apikey)) {

par

$authorized_pages = array('stores','cms');
if (in_array($this->context->controller->php_self, $authorized_pages) && !empty($apikey)) {

Enfin, dans votre fichier templates/cms/page.tpl, coller ce code entre les balises {block name='page_content_container'} {/block} :

{if $cms.id == XX}
	{widget name="storeggmap"}
{/if}

Remplacez XX par l'ID de votre page cms.

Le tour est joué !

kerlin · April 12, 2018

Bonjour et merci pour ce partage ! Bon, j'ai upladé le dossier storeggmap dans le dossier Modules à la racine, sur un PS 1.7.2.2. Mais je ne le vois pas dans la liste des modules dans le BO pour pouvoir l'installer et le configurer.

Ensuite, je souhaite le mettre dans un hook du footer et ne l'afficher que sur la page d'accueil. Est-ce réalisable ?

Merci d'avance !

Arnaud Drieux · April 13, 2018

Le 12/04/2018 à 4:47 PM, kerlin a dit :

Bonjour et merci pour ce partage ! Bon, j'ai upladé le dossier storeggmap dans le dossier Modules à la racine, sur un PS 1.7.2.2. Mais je ne le vois pas dans la liste des modules dans le BO pour pouvoir l'installer et le configurer.

Ensuite, je souhaite le mettre dans un hook du footer et ne l'afficher que sur la page d'accueil. Est-ce réalisable ?
Merci d'avance !

Bonjour.

Etes-vous certains de n'uploader que le dossier final qui se nomme "storeggmap" et dans lequel sont présents les fichiers du module ?

Pour l'accessibilité sur la page d'accueil voici comment faire :

Fichier storeggmap.php ligne 229 :

Remplacer

if ('stores' == $this->context->controller->php_self && !empty($apikey)) {

par

$authorized_pages = array('stores','home','index');
if (in_array($this->context->controller->php_self, $authorized_pages) && !empty($apikey)) {

pour le hook sur le footer

Je pense qu'il vous suffit de coller le code suivant {widget name="storeggmap"} où bon vous semble dans votre tpl de footer

Ayk92 · April 24, 2018

Bonjour Arnaud,

Merci pour votre module que je viens d'installer dans une boutique PrestaShop 1.7.3

Tout fonctionne bien avec Chrome, Firefox, Edge, Safari

Par contre j'ai un problème avec IE 11 , la carte ne s'affiche pas dans Nos Magasins et j'ai un bloc blanc à la place.

Avez vous une solution pour ce problème ?

PS: J'ai essayé sur d'autres PC et j'ai le même résultat avec IE.

J'ai essayé aussi avec un lien posté dans ce forum et j'ai le même résultat avec I.E.

https://www.sibiles.com/es/tiendas-fisicas

Merci d'avance pour votre aide

Arnaud Drieux · April 26, 2018

Le 24/04/2018 à 12:21 PM, Ayk92 a dit :

Bonjour Arnaud,

Merci pour votre module que je viens d'installer dans une boutique PrestaShop 1.7.3

Tout fonctionne bien avec Chrome, Firefox, Edge, Safari

Par contre j'ai un problème avec IE 11 , la carte ne s'affiche pas dans Nos Magasins et j'ai un bloc blanc à la place.

Avez vous une solution pour ce problème ?

PS: J'ai essayé sur d'autres PC et j'ai le même résultat avec IE.

J'ai essayé aussi avec un lien posté dans ce forum et j'ai le même résultat avec I.E.

https://www.sibiles.com/es/tiendas-fisicas

Merci d'avance pour votre aide

Bonjour.
Je n'aurai pas le temps d'aller plus loin dans la réflexion car je vais m'absenter quelques semaines.
Il semblerait que les bugs entre google map et ie11 soient fréquent.

Personnellement, je déconseille l'utilisation d'IE 11 (qui fait même planter fiddlejs) qui a été remplacé par edge (lui n'a aucun soucis avec google map).
J'essaierai de voir ça dès mon retour.

Cordialement

Ayk92 · April 26, 2018

Bonjour Arnaud,

Merci pour votre réponse, j’attendrais donc votre retour.

Si à votre retour vous pouvez regarder le problème cela fera le bonheur de pas mal de gens je pense

Cordialement

Arnaud Drieux · May 18, 2018

Le 26/04/2018 à 7:37 PM, Ayk92 a dit :

Bonjour Arnaud,

Merci pour votre réponse, j’attendrais donc votre retour.

Si à votre retour vous pouvez regarder le problème cela fera le bonheur de pas mal de gens je pense

Cordialement

Bonjour.
C'est bon, j'ai trouvé d'où venait le problème. Vous pouvez récupérez le zip sur le github pour être à jour.

MAJ : 18/05/2018 IE11 debugg

Marie · June 19, 2018

Bonjour a vous tous,

Je viens d'installer le module.

J'ai bien uploader le fichier zip dans mon back office et bien coller le widget dans le fichier store.tpl après l'ouverture de la balise.

Je vois bien le module "Show your stores on a google map " par Anaud Dx dans "modules et services" / Modules installés

Je l'ai configuré en faisant demande de API key et en la collant + mettre longitude et latitude du siège social.

Ensuite dans Apparence > position - j'ai greffé le module dans displayHome.

A ce stade j'ai 2 problématiques :

- Sur ma page d'accueil, je vois bien la section pour la carte mais ça laisse un blanc, la carte n'apparait pas.

- Je voudrais aussi que la map apparaisse sur ma page "Magasins" (stores), au dessus de ma liste de magasin.
(Je ne sais pas ou greffer le module..)

Merci d'avance pour votre aide. C'est mon tout premier prestashop

Arnaud Drieux · June 19, 2018

Il y a 6 heures, Marie a dit :

Bonjour a vous tous, [...]

Bonjour Marie. Il y a un commencement à tout !

Dans un premier temps, sur quelle version de prestashop êtes-vous?

Si vous êtes en 1.6.x le module ne fonctionnera pas.

Si vous êtes en 1.7.x :

dans le fichier storeggmap.php ligne 229, remplacez :

if ('stores' == $this->context->controller->php_self && !empty($apikey))

par

$authorized_pages = array('stores','home','index');
if (in_array($this->context->controller->php_self, $authorized_pages) && !empty($apikey)) {

Ensuite, vérifiez que dans themes/classic/templates/cms/stores.tpl, vous collez bien le widget

{widget name="storeggmap"}

comme suit :

{block name='page_content_container'}
	{widget name="storeggmap"}
  <section id="content" [...] suite du code

Normalement c'est tout.
Si vraiment cela ne fonctionne pas, merci de noter l'url de votre site afin que je puisse y jeter un oeil.

Marie · June 21, 2018

Bonjour,

Merci pour ta réponse, j'ai bien suivi toutes les étapes mais toujours même point.

Je suis bien sur une version 1.7.? (3 je crois).

Juste petite précision : tu dis coller le widget dans themes/classic/templates/cms/stores.tpl,

J'utilise un thème donc dans le doute je l'ai collé dans le stores.tpl de classic et de mon thème :).

Je me permets de t'envoyer l'url en privé.

Je voudrais avoir la carte sur la home page, on y voit juste un espace blanc actuellement.

Je la voudrais aussi sur la page "Magasins", au dessus de la liste, pour le coup là une carte s'affiche mais sans les magasins...

Désolé, je sèche un peu..

Merci pour votre aide !!!

Arnaud Drieux · June 22, 2018

MAJ - 23 06 2018
- Ajout d'un multi-select pour choisir les pages sur lesquelles vous souhaiter activer le module
- Retour en arrière pour la fonction de traduction.
- Traduction Française
- Maj nom auteur

Edited June 23, 2018 by arnaud1900 (see edit history)

Arnaud Drieux · July 2, 2018

MAJ - 02 07 2018

- Ajout de nouveaux choix pour les pages
- Possibilité de choisir d'afficher la map partout
- Suppression du doublon de description dans le back office

Arnaud Drieux · July 8, 2018

MAJ - 08 07 2018

Ajout: un nouveau champ pour personnaliser votre carte
Maj ; Dans le back office, on affiche désormais l'icon uploadé si il existe.

Frank199 · July 13, 2018

Bonjour

j'ai téléchargé le module et uploadé via ftp dans le dossier "modules" mais j'ai un probleme a l'installation avec une erreur

Arnaud Drieux · July 13, 2018

Bonsoir.

Est-ce bien le dossier storeggmap que vous avez uploadé par ftp?

Lors du dezip du module il ya dabord un dossier nommé "Google-map-store-page-prestashop-1.7-master". Il faut encore rentrer dans celui-ci pour extraire le bon dossier

Frank199 · July 16, 2018

Quote

Bonsoir.

Est-ce bien le dossier storeggmap que vous avez uploadé par ftp?

Lors du dezip du module il ya dabord un dossier nommé "Google-map-store-page-prestashop-1.7-master". Il faut encore rentrer dans celui-ci pour extraire le bon dossier

oui cest bien celui la , jai bien decompréssé et uploadé le dossier storeggmap

Arnaud Drieux · July 17, 2018

Bonjour.

Quel est votre version de prestashop?

Frank199 · July 17, 2018

1.7.2.4

1 hour ago, arnaud1900 said:

Bonjour.

Quel est votre version de prestashop?

bonjour,

jai la 1.7.2.4

Arnaud Drieux · July 19, 2018

Le 17/07/2018 à 2:02 PM, Frank199 a dit :

1.7.2.4

bonjour,

jai la 1.7.2.4

Je vous ai envoyé un MP, pour qu'on puisse voir directement ensemble.

Edited July 19, 2018 by arnaud1900 (see edit history)

StudioEvol · July 25, 2018

Bonjour,

Tout d'abord, merci d'avoir conçu ce module !

Ensuite, j'ai le même problème que Frank199.

Je suis en version 1.7.1.2

Merci !

Arnaud Drieux · July 26, 2018

Bonjour à tous.

Effectivement, il y avait une coquille dans le code.

Le module a été mis à jour!

Edited July 26, 2018 by arnaud1900
fix (see edit history)

StudioEvol · July 26, 2018

Top !

Merci arnaud1900

Wstdhz · September 21, 2018

Bonjour et merci pour ce module gratuit

Je rencontre quelques problèmes;

l'icône ne fonctionne pas. Suis-je le seul dans ce cas? J'ai importé un .png de 121x31px.

J'aimerais également savoir si quelqu'un aurait une solution pour intégrer ce module dans le module natif de bloc de texte personnalisé?
J'ai divisé ce bloc en 3 colonnes, et j'aimerais que la map soit intégrée à la colonne de gauche par exemple.

Merci!

Wstdhz · September 21, 2018

EDIT

Edited September 21, 2018 by Jesse (see edit history)

Arnaud Drieux · September 21, 2018

Bonjour Jesse.

Sur quelle version de prestashop es-tu? Et quelle version du module utilises-tu?
Pour info, j'ai utilisé un png à ton format ici : http://myown.awb-dsgn.com/ et cela fonctionne sans soucis.

Pour l'intégration dans ton module c'est une autre histoire. C'est beaucoup plus compliqué.

Wstdhz · September 21, 2018

Hello,

j'utilise Prestashop 1.7.4.3 et la version dispo 1.4.17 de ton module. L'icône s'affiche dans l'aperçu du back office désormais mais pas sur la map de l'accueil.

Si jamais tu as des pistes je prends. La map en l'occurence en 100% witdth occupe trop de place puisqu'on ne peut pas modifier sa hauteur. La caser dans un bloc aurait été idéal.

Arnaud Drieux · September 22, 2018

Bonjour.

Si tu veux, tu peux me donner l'adresse de ton site en MP.

Pour ce qui est de la modification de la taille de la carte, à toi de modifier le code présent dans le fichier suivant : storeggmap/views/templates/hook/storeggmap.tpl.

Frank199 · October 10, 2018

Désolé pour le retard. merci encore pour ton aide

arnaud1900

Benoit1313 · November 21, 2018

Bonjour,

Tout d'abord merci beaucoup pour ce module très pratique !

J'ai un petit problème : les markers n'apparaissent pas.

Tout fonctionne bien sur le site en local. Mais pas sur la version en ligne.

Pouvez-vous m'aider ?

En vous remerciant

Benoit1313 · November 21, 2018

la carte apparait par contre très bien

Arnaud Drieux · November 22, 2018

Il y a 16 heures, Benoit1313 a dit :

la carte apparait par contre très bien

Bonjour. Serait-il possible d'avoir ton adresse du site ici ou en mp?

Benoit1313 · November 22, 2018

Bonjour Arnaud,

Merci beaucoup pour ta réponse.

J'ai résolu le problème. En fait c'était une question de droits (les doissiers doivent être en 755 et le fichiers en 644). En rétablissabnt les bons droits, tout fonctionne.

Bonne journée à toi !

ThierryP · December 3, 2018

Merci pour ce module ... après qqs reglages décrits dans les posts précédents, ça fonctionne !!!

Bravo !

Turisbike · January 20, 2019

I'm looking for a module like this, but I'm a beginner and I do not know how to install it on Presta 1.7
Is there any video or explanation with pictures to help better?

I appreciate the help

Arnaud Drieux · January 23, 2019

Le 20/01/2019 à 7:47 PM, Recicleta a dit :

I'm looking for a module like this, but I'm a beginner and I do not know how to install it on Presta 1.7
Is there any video or explanation with pictures to help better?

I appreciate the help

Hello Recicleta.

Sorry but I don't have time to make a video about this.
All you need to know to install this module is here, in "Installation" Section:

https://github.com/ArnaudDx/Google-map-store-page-prestashop-1.7

Thibauld V · March 28, 2019

Bonjour,

J'utilise votre module pour mon site. Il marche très bien !

Il y a juste un petit soucis de traduction au niveau de la carte : quand je clique sur un magasin sur la carte, la fenêtre avec les horaires du magasin s'ouvre. Et il m'affiche "Our Hours".
Or je voudrais qu'il affiche "Nos horaires" étant donné que le site est en français.

Si je vais dans traduction, je ne parviens pas à traduire de texte du module.

De même dans cette fenêtre les caractères accentués ne sont pas affichés.

Pour l'instant j'ai modifié le texte du fichier front-ggmap.js mais cela risque de sauter en cas de mise à jour.

Arnaud Drieux · March 29, 2019

Le 28/03/2019 à 3:07 PM, Thibauld V a dit :

Bonjour,

J'utilise votre module pour mon site. Il marche très bien !

Il y a juste un petit soucis de traduction au niveau de la carte : quand je clique sur un magasin sur la carte, la fenêtre avec les horaires du magasin s'ouvre. Et il m'affiche "Our Hours".
Or je voudrais qu'il affiche "Nos horaires" étant donné que le site est en français.

Si je vais dans traduction, je ne parviens pas à traduire de texte du module.

De même dans cette fenêtre les caractères accentués ne sont pas affichés.

Pour l'instant j'ai modifié le texte du fichier front-ggmap.js mais cela risque de sauter en cas de mise à jour.

Hello.

Je viens d'appliquer une petite mise à jour sur le module.

Merci de me dire si ça arrange tout

Thibauld V · April 1, 2019

Bonjour,

Apparemment ça arrange tout !

google map [Module Gratuit] Google Map magasins pour 1.7.x et 8.x

Recommended Posts

Link to comment

Share on other sites

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

Arnaud Drieux

Klemart3D

sebsimappus

Posted Images

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites