> For the complete documentation index, see [llms.txt](https://halosoft.gitbook.io/bonnita-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://halosoft.gitbook.io/bonnita-documentation/sections/all-sections-in-theme/google-map.md).

# Google Map

To add this section, please follow below steps:

1. From your Shopify admin, go to **Online Store** **->** **Themes**.
2. Find the theme that you want to edit, and then click **Customize**.
3. Click **Add section** and choose "**Google Map**".

<figure><img src="/files/txBelpNjd3oyoMkSCJN0" alt=""><figcaption></figcaption></figure>

| Setting                                            | Description                                                                                                           |
| -------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------- |
| Layout                                             | Select the width layout of the section to be either default to the body's width, 1170px, 1770px or full screen width. |
| Padding Container Full Width                       | Determine the spacing of the left and right sides if the layout 'fullwidth' is selected.                              |
| Spacing top - Desktop / Tablet / Mobile            | Determine the spacing of the section from the top on Desktop, Tablet and Mobile.                                      |
| Spacing bottom - Desktop / Tablet / Mobile         | Determine the spacing of the section from the bottom on Desktop, Tablet and Mobile.                                   |
| Title                                              | Enter the title for the section.                                                                                      |
| Title Spacing Top / Title Spacing Bottom           | Determine the spacing top and bottom of the title.                                                                    |
| Text                                               | Enter the text content                                                                                                |
| Description Margin Top / Description Margin Bottom | Determine the spacing top and bottom of the description text.                                                         |
| Block Alignment                                    | Align the block content either to the right, to the left or center.                                                   |
| Content Max Width                                  | Determine the max width for the text content including title and description if Center Block Alignment is selected.   |
| Button Text                                        | Fill in the text for the button.                                                                                      |
| Color - Background Color - Border Color            | Set the color for the text, background color and also the border color for both normal and hover states.              |
| Button Max Width                                   | Determine the max width of the button.                                                                                |
| Button Link To                                     | Enter the link to redirect viewers to after clicking the button.                                                      |
| Button Spacing Top / Button Spacing Bottom         | Determine the spacing of the button from the top and bottom.                                                          |

#### CONTENT

| Setting           | Description                                                                                           |
| ----------------- | ----------------------------------------------------------------------------------------------------- |
| Insert Map Iframe | Insert and Iframe from any online map platform such as Google Map to display the map for the section. |


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://halosoft.gitbook.io/bonnita-documentation/sections/all-sections-in-theme/google-map.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.