[contact-form-7 id="24078" title="Feedback EN"]

Featured templates

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