Skip to content
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 |