# Store locator

### What It Does

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

<figure><img src="/files/PzZGwnfHhqKHs3yiSLd4" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}

#### 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.
   {% endhint %}

***

### 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.

{% hint style="info" %}
If the map does not appear after entering a valid Google Maps API key, refer to [this document](/agnes/frequently-asked-questions/why-is-the-google-map-not-showing-in-the-store-locator-section.md) for troubleshooting steps.
{% endhint %}

**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.

{% hint style="info" %}
Color schemes are sets of coordinated colors you define under **Theme settings > Colors**. Choosing a scheme applies its background, text, and accent colors.
{% endhint %}

#### Map pin color

Sets the color for the map pin color.&#x20;

#### 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](/agnes/sections/store-locator/location.md)

***

### Frequently Asked Questions

[Why is the Google Map not showing in the Store locator section?](/agnes/frequently-asked-questions/why-is-the-google-map-not-showing-in-the-store-locator-section.md)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://moodboard-creations.gitbook.io/agnes/sections/store-locator.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.