PrestaShop 1.6.x. How to add custom Snazzymaps style to “TM Google Map” Module

TM Google Map module allows adding Google map to your stores’ location and the short description about them on your front page. The map will show up the addresses of all stores related to your online shop.
  1. Go to Snazzy Maps to configure the style and elements of your map: 
  2. Select the map style from the site and copy JavaScript Style Array
  3. Create a .js file in modules/tmgooglemap/js/styles, paste JavaScript Style Array to it, having var google_map_stylebefore the map code and save it: 
  4. Name it under the style title.

[notice type=”warning”]Note: you cannot use spaces and special characters in the name.

zemez wordpress themes

For instance: Subtle Grayscale style – subtle_grayscale.js file, for Apple Maps-esque style – apple_maps-esque.js file, etc.: 

In your PrestaShop admin panel go to Modules and Services -> Modules and Services. Find TM Google Map module and click the Configure button: 

  1. Select the required style from the Map Style drop-down list: 

Hopefully, this tutorial was helpful for you.

monster one