ZEST theme
Try Zest freeResourcesOther solutions
  • What is Zest theme
  • Changelog
  • Refund policy
  • Support policy
  • Getting started
    • Install Zest theme
    • Set up my store as Zest demo
    • Update Zest theme
    • Theme license & Transfer
  • build for success series
    • Landing page like puravida
  • Page's global sections
    • General settings
    • Announcement bar
    • Banner logo
    • Header
    • Footer
    • Menu
      • Add a banner to mega menu
      • Add products to mega menu
      • Add collections to mega menu
      • Add custom cards to mega menu
      • Customize a hovering menu
    • Mobile navigation bar
    • Age verifier pop-up
    • Pop-up
  • Theme sections
    • Auto-scrolling promotion
    • Before/ After image slider
    • Blog posts
    • Collage tab
    • Collapsible tab
    • Collection list
    • Collection list slider
    • Collections showcase
    • Collection tab
    • Contact form
    • Countdown timer
    • Custom content
    • Custom liquid & HTML
    • Favorite collection
    • Favorite products
    • Featured product
    • Featured product slider
    • Featured collection
    • Gallery images
    • Handpicked products
    • Highlight text with image
    • Image with text
    • Image with text overlay
    • Image with text slider
    • Layered images
    • Logo list
    • Lookbook
    • Map
    • Mixed image cards
    • Multicolumn
    • Newsletter
    • Products bundle
    • Product tabs
    • Promotion banner
    • Press
    • Rich text
    • Slideshow
    • Testimonials
    • Video
    • Video hero
  • Theme settings
    • General settings
    • Animations
    • Cart
    • Checkout
    • Color swatches
    • Colors & Color schemes
    • Currency format
    • Cookies banner
    • Layout
    • Product card
    • Product quick view
    • Search
    • Social media
    • Theme style
    • Typography
  • Collections & Products
    • Product page
      • Product template
      • Product description
      • Breadcrumbs
      • Product information
      • Recently viewed products
      • Product recommendations
      • Quick order list 🔥
    • Collection page
      • Collection template
      • Collection sections
        • Collection banner
        • Product grid
    • Collections list page
  • Languages & Countries/Regions
    • Languages
    • Countries/ Regions
  • Other pages
    • 404 page
    • About us
    • Blogs
    • Blog posts
    • Cart & Checkout
    • FAQs page
    • Password
    • Search page
  • FAQs
    • Generic
      • Add custom fonts
      • Add custom CSS
      • Add custom badges to the product card and product page
      • Add gift wrap option to my cart
      • Add product review apps to my theme
      • Change the copyright text at the footer
      • Compare Zest with other Shopify themes
      • Does Zest support RTL languages?
      • JavaScript events for developers
      • How to migrate your Zest theme to version 7.0.0
      • My store has a low speed score - How can I improve it?
      • Show Payment icons on the Footer 🔥
    • Product page
      • Add a size chart to your product page
      • Add recipient fields to my gift card product
      • Customize the checkout
      • Edit product breadcrumbs using metafields
      • How to remove 'Powered by Shopify' in Copyright
      • Remove text Tax included and Shipping calculated at checkout below the product price
      • Set up quantity rules and volume pricing 🔥
    • Collection page
      • Change the default sorting of a collection
    • Shopify functions
      • Combined listings app 🔥
      • Does Zest support Section groups?
      • Get to know dynamic checkout buttons
  • Troubleshooting
    • Mega menu not working when changing the store languages
Powered by GitBook
On this page
  • How to add a Map
  • How to edit a Map
  • Section settings
  • Block settings

Was this helpful?

  1. Theme sections

Map

How to display stores' location in the map section

PreviousLookbookNextMixed image cards

Last updated 11 months ago

Was this helpful?

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.

How to add a Map

Steps

  1. In the theme editor (Customize), click Add section.

  2. Locate Map.

  3. Make necessary changes.

  4. Save.

How to edit a Map

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.

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

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.

An example of a map section in Zest theme
An screenshot of map settings Zest
A screenshot of setting options in map section: map style, map height, etc.