# Store locater

### Section overview

The Store locator section displays store locations on an interactive map with detailed information for each location accessible through an accordion interface.

#### Common use cases

* Showcasing physical retail locations on a brand's website
* Providing store details including hours, address, and directions
* Creating a visual representation of a business's geographic presence
* Helping customers find the closest store location

#### Usage tips

* Ensure accurate latitude and longitude coordinates for precise location mapping
* Provide comprehensive store details including address, hours, and contact information
* Consider limiting the number of stores to prevent the accordion list from becoming too lengthy
* For mobile optimization, the section automatically adapts by stacking content and adjusting the map size

### Section settings

| Setting              | Description                                                   |
| -------------------- | ------------------------------------------------------------- |
| Enable dynamic map   | Toggles between an interactive map or static image            |
| Image map            | Upload a static map image (used when dynamic map is disabled) |
| Heading              | Section heading text                                          |
| Content              | Rich text description for the section                         |
| Button label         | Text for the optional call-to-action button                   |
| Button URL           | Link destination for the call-to-action button                |
| Top spacing          | Controls vertical padding above the section (0-300px)         |
| Bottom spacing       | Controls vertical padding below the section (0-300px)         |
| Color scheme         | Background color theme for the section                        |
| Custom color         | Custom background color when "Custom" is selected             |
| Text color           | Force light or dark text based on background                  |
| Border color         | Set border color to subtle or strong                          |
| Button color         | Style for the call-to-action button                           |
| Enable color fade    | Enables smooth color transition when scrolling                |
| Border position      | Add borders to top, bottom, or both                           |
| Map style            | Select between standard, dark, or light map styles            |
| Horizontal alignment | Position content to left, center, or right                    |
| Enable margin        | Apply horizontal margin to the section                        |
| Enable split         | Split header and content into side-by-side layout             |
| Enable split heading | Split heading and subtext within header                       |
| Visibility           | Control section visibility on mobile or desktop               |

### Block settings

#### Store

This block represents a single store location with its details and map coordinates.

| Setting       | Description                                                    |
| ------------- | -------------------------------------------------------------- |
| Store name    | Name of the store location displayed in the accordion          |
| Store details | Rich text content for store information (hours, address, etc.) |
| Latitude      | Geographic latitude coordinate for the store marker            |
| Longitude     | Geographic longitude coordinate for the store marker           |