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
| 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 |
How to add this section to a Shopify store
- Install Section Star from the Shopify App Store.
- Open the app and search the library for “Map”.
- Click Publish, then choose a name and the theme to publish into.
- Follow the deep link into the Shopify theme customizer.
- Add the section to any page and customize it with the native theme settings.
No code is required, and the section lives in your theme as ordinary Liquid — see the full install guide.