ZEST theme
Try Zest freeResourcesOther solutions
Search
⌃K
Links

Map

How to display stores' location in the map section
An example of a map section in Zest theme
This article guides you on how to add and customize your Google map in Zest. This is a great way to show your nearest store address when customers want to do offline shopping.
In this article:

How to add a map section?

Steps
  1. 1.
    In the theme editor (Customize), click Add section.
  2. 2.
    Locate Map.
  3. 3.
    Make necessary changes.
  4. 4.
    Save.

How to customize your map section?

Section settings

1. Get a Google Maps API key

To display the store locator, you need to register a Google Maps API key.

2. Set up the map section

After getting the API key, you can now modify the coordinate respectively. Type in the store's address and choose a suitable banner for it.
An screenshot of map settings Zest

3. Options

Choose your map style, map height, and how your visitors interact with the map.
  • Draggable: Enable customers to move the map using a mouse
  • Scroll wheel: Enable the scroll function on the map
A screenshot of setting options in map section: map style, map height, etc.

Block settings

Now that you have a basic map of the store's location, you can choose to display additional information within the box, which are:
  • Heading
  • Text
  • Button
  • Social links
To add social links to your map, go to Theme settings > Social media.
Theme sections - Previous
Lookbook
Next - Theme sections
Multicolumn
Last modified 10mo ago