Jump to content
Arnaud Drieux

[Module Gratuit] Google Map pour la page magasins 1.7.x

Recommended Posts

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.magasins.thumb.png.9d2ed0ff782b291cc46e53d56ef38ff9.png

Share this post


Link to post
Share on other sites
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 ;)

Share this post


Link to post
Share on other sites
On 6/24/2017 at 11:00 AM, arnaud1900 said:

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
    });

Hello,

Great module. Very easy and helful. I try to change zoom value using this method but it is not working! any other method?

Thank you

Share this post


Link to post
Share on other sites

Bonjour, 

J'essaie d'installer votre module sur presta 1.7.5.1 mais impossible d'y arriver ...

J'ai mis le dossier storeggmap dans module sur le ftp, et quand je me rends sur le backoffice, dans les modules, il n'apparait pas...

Merci d'avance pour votre aide.

Edited by misterEd
désolé, fausse manip de ma part ... installation OK ;) (see edit history)

Share this post


Link to post
Share on other sites

Bonjour Arnaud,

Tout d'abord merci pour ce module.

J'ai un petit soucis :

0.JPG

Share this post


Link to post
Share on other sites
On 3/3/2018 at 10:55 AM, arnaud1900 said:

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

Bonjour Arnaud, tout d'abord félicitations pour le boulot et le support ! Je rencontre le même problème sur un site en prod, tout fonctionnait bien il y a quelques jours. Voici l'erreur telle qu'elle apparaît sur la console javascript. Si vous avez une idée pour solutionner ce problème je suis preneur ! 

Bonne journée !

Capture d’écran 2019-07-04 à 13.24.46.png

Share this post


Link to post
Share on other sites
18 hours ago, TCHOUPI said:

Jai eu le meme probleme ca venait de google

Bonjour Tchoupi, pourriez-vous m'éclairer sur la manière dont vous avez résolu le problème (si vous avez résolu le problème) ?

Merci d'avance

Share this post


Link to post
Share on other sites
Le 04/07/2019 à 4:00 PM, TCHOUPI a dit :

Jai eu le meme probleme ca venait de google

Hello. Oui, si tu as eu besoin de faire une modife, merci de le préciser.

Share this post


Link to post
Share on other sites

A l'installation du module (avant sa config), une erreur apparait faisant planter tout le front-office  :

 (1/1) ContextErrorException

Warning: in_array() expects parameter 2 to be array, null given
in storeggmap.php line 282

Il serait pour cela judicieux d'ajouter une vérification à la ligne précédente :

if ($authorized_pages && (in_array("*", $authorized_pages) || in_array($this->context->controller->php_self, $authorized_pages)) && !empty($apikey)) {

[...]

J'ai fait un pull request : https://github.com/ArnaudDx/Google-map-store-page-prestashop-1.7/pull/21

Edited by Klemart3D (see edit history)
  • Like 1

Share this post


Link to post
Share on other sites
Le 01/08/2019 à 11:09 AM, Klemart3D a dit :

A l'installation du module (avant sa config), une erreur apparait faisant planter tout le front-office  :


 (1/1) ContextErrorException

Warning: in_array() expects parameter 2 to be array, null given
in storeggmap.php line 282

Il serait pour cela judicieux d'ajouter une vérification à la ligne précédente :


if ($authorized_pages && (in_array("*", $authorized_pages) || in_array($this->context->controller->php_self, $authorized_pages)) && !empty($apikey)) {

[...]

J'ai fait un pull request : https://github.com/ArnaudDx/Google-map-store-page-prestashop-1.7/pull/21

Super ! merci pour ta pull request ! Je viens de la mergée (dsl pour le retard, je n'ai pas eu de mail pour ton message...)

Share this post


Link to post
Share on other sites
Le 18/10/2019 à 2:16 PM, Maxseo a dit :

Hi
can you tell how place an image of stores in quick info?

Hi !

To add a new field (like image) in infos data, you need :

  1. In storeggmapCall.php:
    1. in foreach, after the last row example:
      $storeList[$key]['longitude'] = (float)$storeData['longitude'];
       
    2. Add new row for your field like this:
      $storelist[$key]['image'] = '<img src="'.$link_from_databsase.'"/>';

       

  2. In front-ggmap.js :
    1. in function 
      infosHtml(store){

       

    2. Before
      storeHtml += '</div>';
      return storeHtml;

       

    3. add new row for your field like this:
       

      if(store.image !== undefined && store.image !== null && store.image !== '') {
      	storeHtml += '<div>'+store.image+'</div>';
      }

       

Share this post


Link to post
Share on other sites

Bonjour Arnaud

Bravo pour ce module bien pratique.
Dans la pop up d'information sur le magasin, serait-il possible d'afficher les jours de la semaine correspondants aux horaires ?

Merci d'avance pour votre retour


image.png.e4062d663fa60bd343333de0e04f4a0f.png

  • Like 1

Share this post


Link to post
Share on other sites

Oui, dans la fonction "infosHtml" du fichier "views/js/front-ggmap.js" tu peux ajouter les jours comme ceci :
 

1250548604_screen2.jpg.4ca122eaa5b56d75fb1e919565f967d5.jpg

 

  • Like 2

Share this post


Link to post
Share on other sites
Il y a 8 heures, Pierre Kevengo a dit :

Bonjour Arnaud

Bravo pour ce module bien pratique.
Dans la pop up d'information sur le magasin, serait-il possible d'afficher les jours de la semaine correspondants aux horaires ?

Merci d'avance pour votre retour


image.png.e4062d663fa60bd343333de0e04f4a0f.png

Bonjour Pierre.
Selon la version de prestashop, tu peux aussi modifier cela directement dans le back office.

Cependant, attention, en 1.6 tu ne pourra pas traduire, tandis qu'en 1.7, tu peux définir des données différentes en changeant la langue de ton profil admin (par contre, je te conseille de mettre l'administration des magasins en favoris car en anglais, impossible de trouver le lien dans le menu).

Share this post


Link to post
Share on other sites
15 hours ago, Klemart3D said:

Oui, dans la fonction "infosHtml" du fichier "views/js/front-ggmap.js"

Bonjour Klemart3D

Merci pour ta réponse.

J'avais bien trouvé que tout se passe là mais la boucle sur store.hours ne contient pas les infos de jour, juste les horaires

image.png.80da051e357dec2ec0de44d006ca800f.png

 

le contenu de la variable hoursList vue par mon debuggeur :

image.png.3619c4a3529bdd5ed4109e654356f577.png

 

Du coup, il n'y a pas l'info, j'ai été obligé de bosser avec les index...

Merci en tout cas pour ta réponse

Share this post


Link to post
Share on other sites
5 hours ago, Pierre Kevengo said:

Bonjour Klemart3D

Merci pour ta réponse.

J'avais bien trouvé que tout se passe là mais la boucle sur store.hours ne contient pas les infos de jour, juste les horaires

image.png.80da051e357dec2ec0de44d006ca800f.png

 

le contenu de la variable hoursList vue par mon debuggeur :

image.png.3619c4a3529bdd5ed4109e654356f577.png

 

Du coup, il n'y a pas l'info, j'ai été obligé de bosser avec les index...

Merci en tout cas pour ta réponse

Ah oui, je ne me rappelle plus trop comment était le module à l'origine, je l'ai pas mal dézingué.

Tu peux ajouter une variable qui contient un tableau des jours de la semaine dans la fonction "hookDisplayHeader" de storeggmap.php comme ceci :


2075058378_screen2.jpg.3bebcb93684db360156dc4cf84e86461.jpg


Et dans ta boucle du tableau des heures dans le JS, tu ajoutes un index "i" pour afficher le bon jour de la semaine (qui plus est sera traduit dans la bonne langue !) :

hoursList.forEach(function(hours, i){
	storeHtml += '<li>- '+ daysList[i].substring(0,3) + '. : ' + hours + '</li>';
});

 

Edited by Klemart3D (see edit history)

Share this post


Link to post
Share on other sites
Il y a 6 heures, Pierre Kevengo a dit :

Bonjour Klemart3D

Merci pour ta réponse.

J'avais bien trouvé que tout se passe là mais la boucle sur store.hours ne contient pas les infos de jour, juste les horaires

image.png.80da051e357dec2ec0de44d006ca800f.png

 

le contenu de la variable hoursList vue par mon debuggeur :

image.png.3619c4a3529bdd5ed4109e654356f577.png

 

Du coup, il n'y a pas l'info, j'ai été obligé de bosser avec les index...

Merci en tout cas pour ta réponse

En effet, Prestashop ne lie pas les horaires à des jours. Il enregistre simplement la donnée en tableau dans la table.

Merci @Klemart3D pour ton astuce. N'hésite pas à faire une pull request pour en faire profiter à d'autres

Share this post


Link to post
Share on other sites

Bonjour, merci pour ce module super cool, je viens de l'installer et il s'affiche sans problème sur ma boutique sauf que la flèche rouge de l’emplacement ne correspond pas aux coordonnées géographiques par défaut que j'ai renseigné lors  de la configuration. Il me semble qu'il y a d'autres localisation qui sont renseignées mais je n'ai aucune idée de comment arranger cela 

Share this post


Link to post
Share on other sites
Il y a 20 heures, Houmeid a dit :

Bonjour, merci pour ce module super cool, je viens de l'installer et il s'affiche sans problème sur ma boutique sauf que la flèche rouge de l’emplacement ne correspond pas aux coordonnées géographiques par défaut que j'ai renseigné lors  de la configuration. Il me semble qu'il y a d'autres localisation qui sont renseignées mais je n'ai aucune idée de comment arranger cela 

Bonjour. Auriez-vous un lien pour voir votre carte?

Pour rappel, la "flêche rouge" dans le back office, sert uniquement d'indicateur pour centrer la carte à son lancement.

Share this post


Link to post
Share on other sites

Bonjour,

Merci pour ce module. Je l'ai installé et configuré, cependant, j'ai le message : "For development only", j'ai ajouté une Clé API pourtant... Voir ici : http://puu.sh/FtWRd/a43871ae5c.jpg
Pouvez-vous expliquer le procédé pour ajouter la clé API svp ? Merci,

Share this post


Link to post
Share on other sites
Il y a 3 heures, comivi a dit :

Bonjour,

Merci pour ce module. Je l'ai installé et configuré, cependant, j'ai le message : "For development only", j'ai ajouté une Clé API pourtant... Voir ici : http://puu.sh/FtWRd/a43871ae5c.jpg
Pouvez-vous expliquer le procédé pour ajouter la clé API svp ? Merci,

Bonjour.
Il s'agit là d'effectuer une configuration dans votre compte google developper.
Suivez ce lien. Cliquez ensuite sur le bouton "Bibliothèque" situé dans la colonne de gauche. Recherchez l'API qui correspond à votre site et cliquez sur le bouton "Activer" pour pouvoir l'utiliser.

Share this post


Link to post
Share on other sites
Posted (edited)

Merci pour le retour rapide.
Quand vous dites : "Recherchez l'API qui correspond à votre site", il s'agit de laquelle ou lesquelles svp ? J'ai activé "Maps JavaScript API" mais c 'est identique. Pour info, je travaille pour le moment en local (serveur wamp), possible que cela soit lié ? Merci

8165caeba3.png

Edited by comivi (see edit history)

Share this post


Link to post
Share on other sites
Il y a 2 heures, comivi a dit :

Merci pour le retour rapide.
Quand vous dites : "Recherchez l'API qui correspond à votre site", il s'agit de laquelle ou lesquelles svp ? J'ai activé "Maps JavaScript API" mais c 'est identique. Pour info, je travaille pour le moment en local (serveur wamp), possible que cela soit lié ? Merci

 

Sinon avez-vous essayé d'autoriser votre ip locale?


image.png.51e57edf89b7bb578148456ff056a3eb.png

Share this post


Link to post
Share on other sites

Merci ! Cela fonctionne désormais, en ajoutant également un compte de facturation. 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More