añadir google maps prestashop 1.7

Insertar Google Maps en Prestashop 1.7

En Prestashop 1.7 no tenemos la posibilidad de insertar Google Maps por defecto como en las versiones anteriores, por lo que vamos a enseñaros como añadir google maps en Prestashop 1.7 mediante la instalación de un módulo gratuito.

Tal como comentamos en nuestro anterior post “Módulo Goolgle Map Prestashop” dla nueva versión de Prestashop no trae por defecto la opción de insertar el mapa de localización de nuestra tienda en la página de Contáctenos.

Para añadir google maps en Prestashop 1.7 lo primero que debemos hacer es descargar gratuitamente el módulo storeggmap desde el siguiente enlace;

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

Y una vez instalado y activado tenemos que configurarlo.

añadir google maps prestashop 1.7

Lo primero que debemos hacer es obtener la API Key de Google Maps. Si no sabes como conseguir tu API Key te recomendamos visitar el siguiente enlace;

https://developers.google.com/maps/documentation/javascript/get-api-key?hl=ES

Es muy sencillo, solo tenéis que pinchar en OBTENER API y seguir los pasos.

Una vez configurado el módulo con vuestra API Key y las coordenadas de vuestra tienda tenemos que realizar un pequeño cambio en el archivo stores.tpl que se encuentra en la ruta;

themes/classic/templates/cms

Ahora tenemos que editar este archivo añadiendo el siguiente código en la línea 32;

{widget name=”storeggmap”}

Guardamos y limpiamos caché para ver los cambios realizados.

añadir goolge maps prestashop 1.7

 

Nota: El mapa se visualiza en la página de Tiendas.

Si queréis cambiar de posición el mapa para que salga después de la información de la tienda solo tenéis que añadir el código antes de </section> en lugar de en la línea 32.

Hosting

About the author: Franky Martin (ADMIN)

Leave a Reply

Your email address will not be published.

15 − 4 =