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
• Custom

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.

Comments

No comments yet

Looking for Help?
Get support from our team

If you can't find the answer you're looking for, our support team is here to help.