Store locator

What It Does

The Store locator section lets you add multiple store locations and display them on a map in your store.

How to Add It

1. In the Shopify theme editor, click Add section.

2. Search for "Store locator".

3. Click the section to add it to your page.

4. Adjust the settings described below.

---

Settings

Layout

Controls the Layout. Choose from: Full width, Fit to width.

Heading

The heading text displayed in the title element.

Body text

Rich text content with formatting options.

Button URL

Sets the link destination in the title element.

Button label

The text shown on the button in the title element.

Map

Show address input field

When enabled, displays this element. Disable to hide it.

Google Maps API key

You'll need to register a Google Maps API Key to display the map.

If the map does not appear after entering a valid Google Maps API key, refer to this document for troubleshooting steps.

Appearance

Heading font size

Controls the heading text size in the title element. Choose from: Heading 6, Heading 5, Heading 4, Heading 3, Heading 2, Heading 1.

Body text font size

Controls the text size in the title element.

Horizontal alignment

Controls the text alignment.

Enable inner card color on map

When enabled, display the map in the inner card color. Disable to turn it off.

Color scheme

Applies a predefined color scheme to this element.

Color schemes are sets of coordinated colors you define under Theme settings > Colors. Choosing a scheme applies its background, text, and accent colors.

Map pin color

Sets the color for the map pin color.

Map pin inner color

Sets the color for the map pin inner color.

Button color scheme

Controls the Button color scheme. Choose from: Primary, Secondary.

Input color scheme

Controls the Input color scheme. Choose from: Primary, Secondary.

Spacing

Maximum padding top

Adjusts the space above the content.

Maximum padding bottom

Adjusts the space below the content.

---

Supported Blocks

Location

See the child document for full settings: Location

---

Frequently Asked Questions

Why is the Google Map not showing in the Store locator section?