> For the complete documentation index, see [llms.txt](https://moodboard-creations.gitbook.io/agnes/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://moodboard-creations.gitbook.io/agnes/sections/store-locator.md).

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