# Map

> Add a fully customizable map to your storefront to showcase your physical location. Display it left, right, or full width, control the aspect ratio, and choose to use your own API key or run without one. Built for flexibility and complete control.

URL: https://sectionstar.app/sections/map/
Source: Section Star — https://sectionstar.app
Updated: 2026-10-26T00:00:21.889Z

---

**Map** is a Shopify theme section in the Section Star library. Add a fully customizable map to your storefront to showcase your physical location. Display it left, right, or full width, control the aspect ratio, and choose to use your own API key or run without one. Built for flexibility and complete control.

## Live demo

## Settings

Every setting below appears in the Shopify theme customizer once the section is published.

### Grid Design
Set settings for the grid

| Setting | Type | Default |
| --- | --- | --- |
| Spacing between columns | Number | 20 |

### Map Settings
Set the location and API key (if ) [Learn more](https://developers.google.com/maps/documentation/embed/get-api-key)

| Setting | Type | Default |
| --- | --- | --- |
| Address | Text | St. Louis, MO |
| API Key | Text | — |

### Map Display
Set the display for the map

| Setting | Type | Default |
| --- | --- | --- |
| Map Location | Select (Left, Right, Bottom) | left |
| Map Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1, 3:4, 9:16…) | 16 / 9 |
| Round Borders on Map | Range | 5 |
| Subtle Shadow on Media | Checkbox | On |

### Headline Design
Set design of the headline

| Setting | Type | Default |
| --- | --- | --- |
| Text Alignment | Text alignment | left |
| Mobile Text Alignment | Text alignment | left |
| Headline | Inline rich text | <b>Sample Location</b> |
| Content | Rich text | <p>Use this to describe the location … |
| Link Text | Inline rich text | Shop More |
| Link | URL | — |
| Spacing between Headline and Features | Number | 15 |

### Button Style
Set the look and feel of the button

| Setting | Type | Default |
| --- | --- | --- |
| Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… |
| Button Text Color | Color | #fff |
| Button Text Size | Range | 15 |
| Button Padding Top/Bottom | Number | 10 |
| Button Padding Left/Right | Number | 25 |
| Button Border Radius | Number | 5 |