Skip to main content

Customising the map block

The heading and height live on the block in the theme editor; the pin colour lives in the app's Settings.

Last updated

There are three things to set, in two places.

In the theme editor

Select the Store locator block on the page you added it to (Online Store → Themes → Customize). It has:

  • Heading — the title above the map. Default "Find a store near you". Clear it for no heading.
  • Map height — 240 to 720 pixels, default 420. Taller suits a dedicated "Find a store" page; shorter suits a Contact page where the map shares the screen.
  • Locations JSON URL — advanced, leave blank. The block finds your live locations on its own.

Press Save in the theme editor.

In the app

Open Settings in Nearmio and set Map marker colour — a hex colour such as #c0392b — then press Save. Every pin and cluster on your storefront takes that colour. Set it here, in the app, not on the block. The block's own colour setting is overridden by the one in Settings.

What is not adjustable

The map tiles, the card layout and the wording of the buttons are fixed. The map inherits your theme's fonts and page width, so it already sits in your store's look without further settings.

Check it worked

Reload the storefront page. The heading and height change immediately. The pin colour travels with your location data, which the storefront refreshes every five minutes, so give it up to that long.

Was this article helpful?