# Store locator

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

<figure><img src="/files/2yfWfrhRMz7tNL1j417n" alt=""><figcaption></figcaption></figure>

## **For Customers**

## **Adding a section**

<figure><img src="/files/0JhSLagN3n2dcF1Vt6gZ" alt=""><figcaption></figcaption></figure>

In order to add a section, you need to go to **`Customizer`** → **`Add Section`** → **`Store locator`**.

## Section settings

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

<figure><img src="/files/7Vax6QfuMepaM3qIBqct" alt=""><figcaption></figcaption></figure>

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

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

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

1. **`Heading`** - heading of the section;
2. **`Subheading`** - subheading of the section;
3. **`Address heading`** - heading of the address;
4. **`Address icon`** - icon of the address (**50 x 50px recommended**);
5. **`Address text`** - text of the address;
6. **`Phone heading`** - heading of the phone;
7. **`Phone icon`** - icon of the phone (**50 x 50px recommended**);
8. **`Phone text`** - text of the phone;
9. **`Email heading`** - heading of the email;
10. **`Email icon`** - icon of the email (**50 x 50px recommended**);
11. **`Email text`** - text of the email;
12. **`Schedule heading`** - heading of the schedule;
13. **`Schedule icon`** - icon of the schedule (**50 x 50px recommended**);
14. **`Schedule text`** - text of the schedule;
15. **`Button label`** - button text;
16. **`Button link`** - button link;
17. **`Button style`** - button style. You can select the “Primary” or “Secondary” style;
18. **`Show social`** - shows or hides social media icons;
19. **`Social text`** - the text displayed before the social media icons;
20. **`Image`** - an image for the section;
21. **`Reverse content`** - change media content position on desktop;
22. **`Google maps API key`** - setting allows you to add a **Google Maps API key**. [Learn more](https://developers.google.com/maps/documentation/embed/get-api-key?hl=en) about how to create an API key;
23. **`Map query`** - the setting allows you to add a **query parameter** that is responsible for adding a point on the map. In our case, only the **place mode** has been added. You can add one point to the map in many ways. [Learn more](https://developers.google.com/maps/documentation/embed/embedding-map?hl=en#place_mode) about how to add a query parameter;

### Layout

<figure><img src="/files/3TxLzGzZfrKF4EZeLj6d" alt=""><figcaption></figcaption></figure>

1. **`Container width`** - a container width of the section. If the “Inherit” value is selected then the container width is based on the group 'Layout' settings in the Theme settings;
2. **`Desktop offset top`** - the **top** indent of the section on the **desktop**;
3. **`Desktop offset bottom`** - the **bottom** indent of the section on the **desktop**;
4. **`Mobile offset top`** - the **top** indent of the section on the **mobile**;
5. **`Mobile offset bottom`** - the **bottom** indent of the section on the **mobile**.


---

# 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://utd-bv.gitbook.io/manual-shopify-theme-ultra/ultra-sections/sections-and-snippets/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.