Categories

有特色的模板

PrestaShop 1.6.x. 如何添加自定义Snazzymaps风格的“TM谷歌地图”模块

爱丽丝·韦斯莱 2015年5月19日
Rating: 5.0/5. 从1票开始.
请稍等...

本教程展示了如何 添加自定义Snazzymaps风格的“TM谷歌地图” module 在prestshop 1.6.x.

PrestaShop 1.6.x. 如何添加自定义Snazzymaps风格的“TM谷歌地图”模块

This module 允许添加谷歌地图与你的商店的位置和简短的描述,在你的首页. 该地图将显示与您的在线商店相关的所有商店的地址. 您可以编辑您的商店详细信息 Preferences > Store Contacts tab.

The module 像任何其他PrestaShop一样安装和删除 module.

To 添加自定义Snazzymaps风格的“TM谷歌地图” module,请执行以下步骤:

  1. Open http://snazzymaps.com 要配置地图的样式和元素:

    Prestashop_1.6 _how_to_add_custom_snazzymaps_style_to_tm_google_map_module_1

  2. 选择地图样式 从现场和 copy JavaScript Style Array:

    Prestashop_1.6 _how_to_add_custom_snazzymaps_style_to_tm_google_map_module_2

  3. Create a .js file in 模块/ tmgooglemap / js /风格, paste JavaScript Style Array 对于它,有 Var google_map_style = 之前的地图代码和 save it:

    Prestashop_1.6 _how_to_add_custom_snazzymaps_style_to_tm_google_map_module_3

    在样式标题下命名它. 注意,不能在名称中使用空格和特殊字符.

    例如:对于“微妙灰度”样式-“微妙灰度”.appl_maps -esque . js文件,用于苹果地图风格.Js文件等.:

    Prestashop_1.6 _how_to_add_custom_snazzymaps_style_to_tm_google_map_module_4

  4. 然后,导航到你的 module 配置页面(Modules > Modules > TM Google Map > Configure > Map Style) and 选择所需的样式 样式下拉列表中.

  5. Save 更改并刷新站点.

请随时查看下面的详细视频教程:

PrestaShop 1.6.x. 如何添加自定义Snazzymaps风格的“TM谷歌地图”模块

Prestashop主题
这个条目被张贴了出来 PrestaShop教程 and tagged google, map, module, Prestashop, Snazzymap. 书签的 permalink.

提交罚单

如果您仍然无法找到关于您的问题的足够的教程,请使用以下链接向我们的技术支持团队提交请求. 我们将在接下来的24小时内为您提供我们的帮助和协助: 提交罚单