{"id":52244,"date":"2015-08-18T04:46:20","date_gmt":"2015-08-18T08:46:20","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=52244"},"modified":"2016-02-17T03:59:04","modified_gmt":"2016-02-17T08:59:04","slug":"shopify-how-to-manage-google-map","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/shopify-how-to-manage-google-map.html","title":{"rendered":"Shopify. How to manage Google Map"},"content":{"rendered":"

\r\n

This tutorial will show you how to manage Google Map in Shopify templates.<\/p>\r\n

Shopify. How to manage Google Map<\/a><\/p>\r\n

    \r\n
  1. \r\n

    Log into the admin page and go to Online store -> Themes -> Customize a theme<\/strong>, search for Google map<\/strong> tab.<\/p>\r\n<\/li>\r\n

  2. \r\n

    To replace the map loaction, it’s enough to type in your new address in the field required. New map will be displayed automatically:<\/p>\r\n

    \"Shopify.<\/a>\r\n<\/li>\r\n

  3. \r\n

    After you’re done, save the changes and check the site.<\/p>\r\n<\/li>\r\n

  4. \r\n

    Now let’s see how to change the Zoom level<\/strong>. Open Online Store – Themes – Edit html\/css files<\/strong>.<\/p>\r\n<\/li>\r\n

  5. \r\n

    Go to ‘Snippets’<\/strong> directory and search for ‘widget-googlemap.liquid’<\/strong>. Change the zoom level in line 13:<\/p>\r\n

    \"Shopify.<\/a>\r\n<\/li>\r\n

  6. \r\n

    Also, it’s possible to replace Google Map marker<\/strong>. Under ‘Assets’<\/strong> search for marker image. In our template it is called marker1.png, in your one the name may be different.<\/p>\r\n<\/li>\r\n

  7. \r\n

    Remove the default image and upload your custom one with the same name\/size\/extension. <\/p>\r\n<\/li>\r\n

  8. \r\n

    To do it, click ‘Add a new asset’<\/strong>:<\/p>\r\n

    \"Shopify.<\/a>\r\n<\/li>\r\n

  9. \r\n

    Click ‘Choose file’<\/strong> and select a new marker image on your computer:<\/p>\r\n

    \"Shopify.<\/a>\r\n<\/li>\r\n

  10. \r\n

    When the image has been selected, click ‘Upload asset’<\/strong>. Done! you’ve changed map marker successfully:<\/p>\r\n

    \"Shopify.<\/a>\r\n<\/li>\r\n<\/ol>\r\n

    That’s it! Now you know how to manage Google Map. Feel free to check the detailed video tutorial below:<\/p>\r\n

    Shopify. How to manage Google Map<\/a><\/p>\r\n

    <\/p>","protected":false},"excerpt":{"rendered":"

    This tutorial will show you how to manage Google Map in Shopify templates.<\/p>\n","protected":false},"author":61,"featured_media":52252,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1771],"tags":[929,1113,2419],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/52244"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/61"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=52244"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/52244\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/52252"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=52244"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=52244"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=52244"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}