Map
Where you can add it
Not in section groups: Header, Footer, Overlays.
Settings
Section titled “Settings”| Setting | Type | Default | Options and range |
|---|---|---|---|
| Connect any store field to a metafield or a metaobject to fill it per page. | |||
| Eyebrow | Text | Visit the studio | |
| Store name Names the section for screen readers. Make a word italic to emphasize it. | Inline rich text | Rio Studio | |
| Heading size Shown when Layout is not Map only. | Select | Medium | |
| Address The map, its pin and Get directions all use the address. The section shows only in the theme editor until there is one. | Rich text | — | |
| Map search What the map searches for when the address alone isn’t found, such as the store’s name and city. | Text | — | |
| Phone Shown on the call button, which dials it. | Text | — | |
| Text | Inline rich text | Fittings and repairs by appointment. | |
| Directions link Leave empty to open Google Maps directions to the address. | Link | — | |
| Google Maps embed Optional. In Google Maps, choose Share › Embed a map and paste the code or its link. | Text | — | |
| Opening hours | |||
| Show open or closed status Shows whether the store is open right now, in your store’s time zone. | Checkbox | On | |
| Week starts on | Select | Monday | |
| Write the hours for each day, for example 10:00–19:00. Leave a day empty when you are closed. Neighboring days with the same hours share a line. | |||
| Sunday | Text | — | |
| Monday | Text | — | |
| Tuesday | Text | — | |
| Wednesday | Text | — | |
| Thursday | Text | — | |
| Friday | Text | — | |
| Saturday | Text | — | |
| Map | |||
| Layout | Select | Card over the map | |
| Store details position Shown when Layout is not Map only. | Select | Start | |
| Map loading On a press, nothing loads from Google until the visitor asks. Automatically waits for the visitor’s consent where it is asked. | Select | On a press | |
| Map image Shown before the visitor loads the map. Leave empty to show the theme’s illustrated map. | Image | — | |
| Text on glass Auto picks dark or light text for each glass element from the brightness of the photo behind it. Shown when Map image is set. | Select | Auto | |
| Map tone Soft tints the map with the color scheme. Natural keeps the map’s own colors. | Select | Soft | |
| Zoom How close the map starts. 15 shows a few streets around the store. | Range | 15 | 12–18, step 1 |
| Map height on desktop | Range | 640 px | 440–800 px, step 20 |
| Map height on mobile | Range | 380 px | 280–520 px, step 20 |
Settings every section has — Layout, spacing, motion and visibility — the same in every section. Not in this section: Stagger. Defaults here: Shape Corner (everywhere else: None); Top spacing 104 px (everywhere else: 64 px); Bottom spacing 104 px (everywhere else: 64 px); Top spacing on mobile 48 px (everywhere else: 40 px); Bottom spacing on mobile 48 px (everywhere else: 40 px). Options here: Shape — None, Sheet, Corner, Arch, Ticket. Options here: Reveal style — Use theme setting, None. Here: Reveal style — None shows the map and the store at once, without the opening animation, and keeps the map still as the page scrolls. | |||
Presets
Section titled “Presets”- Map — Category: Storytelling
Starts with: empty