This tutorial shows how to add custom Snazzymaps style to “TM Google Map” module in PrestaShop 1.6.x.
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:
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: