If this tutorial is not what you were looking for, you still have any questions, suggestions or concerns - feel free to let us know. Please help us to serve you better!

Your Name

Your Email

Your Message (required)

captcha

Shopify. How to manage Google Map

This tutorial will show you how to manage Google Map in Shopify templates.

Shopify. How to manage Google Map

  1. Log into the admin page and go to Online store -> Themes -> Customize a theme, search for Google map tab.

  2. To replace the map loaction, it’s enough to type in your new address in the field required. New map will be displayed automatically:

    Shopify. How to manage Google Map1.jpg

  3. After you’re done, save the changes and check the site.

  4. Now let’s see how to change the Zoom level. Open Online Store – Themes – Edit html/css files.

  5. Go to ‘Snippets’ directory and search for ‘widget-googlemap.liquid’. Change the zoom level in line 13:

    Shopify. How to manage Google Map2.jpg

  6. Also, it’s possible to replace Google Map marker. Under ‘Assets’ search for marker image. In our template it is called marker1.png, in your one the name may be different.

  7. Remove the default image and upload your custom one with the same name/size/extension.

  8. To do it, click ‘Add a new asset’:

    Shopify. How to manage Google Map3.jpg

  9. Click ‘Choose file’ and select a new marker image on your computer:

    Shopify. How to manage Google Map4.jpg

  10. When the image has been selected, click ‘Upload asset’. Done! you’ve changed map marker successfully:

    Shopify. How to manage Google Map5.jpg

That’s it! Now you know how to manage Google Map. Feel free to check the detailed video tutorial below:

Shopify. How to manage Google Map