Stores and map

01 / Page

Create a store-locator page

1. 01
   Create a Shopify page

   Use a title such as Stores or Visit us.

2. 02
   Assign the stores template

   Select page.stores in the page’s theme template setting.

3. 03
   Open the theme editor

   Add or reorder one Store block per physical location.

4. 04
   Preview on mobile

   Verify addresses, phone links, opening hours and directions.

02 / Store blocks

Configure every location independently

Each block contains store name, city, postal address, optional map query, fallback image, description, hours, phone, email and two actions.

Map search query

Overrides the address when Google Maps needs a more precise place name.

Fallback image

Provides an editorial visual behind the map or before it loads.

Directions

Use the generated Google Maps search link or supply a custom route URL.

Secondary action

Link to appointments, events or a dedicated location page.

03 / Loading

Choose automatic or interaction-first maps

Automatic mode lazily loads only the selected location. Interaction-first mode delays the third-party map request until the customer presses Load interactive map.

04 / Presentation

Match the storefront

• Place the map on the left or right.
• Use contained or full-width layout.
• Choose minimal, surface or glass information panel.
• Apply natural, muted or monochrome map treatment.
• Set independent desktop and mobile heights, margins, padding, colours and type sizes.