Google Maps
An embedded Google Map, built from the iframe code you paste in. You set its height and corner radius.
Where it is used
This is a standalone block. It can be added inside the Popup link block (popup-link.liquid). No section in the package places it.
Settings
View the block guide .
On Google Maps: Share > Embed a map, then paste the iframe or the embed URL (maps/embed?pb=...).
| Setting | Options | Description |
|---|---|---|
| Map embed | Paste the full iframe. | |
| Location label | Optional. Used in the map title for accessibility. | |
| Custom height | Height of the map. | |
| Corner radius | • None | None keeps square corners. Custom rounds the map corners using the value in Custom corner radius. |
| Custom corner radius | How much the map corners are rounded. Only applies when Corner radius is Custom. |
Spacing
| Setting | Options | Description |
|---|---|---|
| Top padding | Adds space above the map. Values above 20px are reduced on small screens. | |
| Bottom padding | Adds space below the map. Values above 20px are reduced on small screens. |
Location label is optional. The theme uses it in the map title for accessibility.
Notes
The map loads only from google.com/maps/embed links that include a pb parameter. Other links show the fallback message instead of the map. The map loads as the block nears the viewport.
No comments yet