- Web templates
- E-commerce Templates
- CMS & Blog Templates
- Facebook Templates
- Website Builders
PrestaShop 1.6.x. How to add custom Snazzymaps style to “TM Google Map” module
May 19, 2015
This tutorial shows how to add custom Snazzymaps style to “TM Google Map” module in PrestaShop 1.6.x.
PrestaShop 1.6.x. How to add custom Snazzymaps style to “TM Google Map” module
This module allows to add Google map with your stores location and short description about them on your front page. The map will show up the addresses of all stores related to your online shop. You can edit your stores details under Preferences > Store Contacts tab.
The module is installed and deleted like any other PrestaShop module.
To add custom Snazzymaps style to “TM Google Map” module, perform the following steps:
-
Open https://snazzymaps.com to configure the style and elements of your map:
-
Select the map style from the site and copy JavaScript Style Array:
-
Create a .js file in modules/tmgooglemap/js/styles, paste JavaScript Style Array to it, having var google_map_style = before the map code and save it:
Name it under the style title. Note that you cannot use spaces and special characters in the name.
For example: for Subtle Grayscale style – subtle_grayscale.js file, for Apple Maps-esque style – apple_maps-esque.js file, etc.:
-
Then, navigate to your module configuration page (Modules > Modules > TM Google Map > Configure > Map Style) and select the required style from the styles drop-down list.
-
Save the changes and refresh the site.
Feel free to check the detailed video tutorial below:
PrestaShop 1.6.x. How to add custom Snazzymaps style to “TM Google Map” module