# Store location

<figure><img src="https://1059363070-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRcDJSoM26kdEZlVFekVW%2Fuploads%2F8dG0oIOoktgPaXuD9vQ3%2Fimage.png?alt=media&#x26;token=d09177a8-a05a-4456-84cf-f8ac9b462feb" alt=""><figcaption></figcaption></figure>

### Section settings <a href="#section-settings" id="section-settings"></a>

#### General settings <a href="#general-setting" id="general-setting"></a>

| Setting           | Description                                                                                                                                                                                                                                                                                                                                                                                                                             |
| ----------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Section width** | <p>3 options for container</p><ul><li><strong>Stretch width</strong>: span the section width regardless of screen size.</li><li><strong>Fix width:</strong> depends on your page content width in <strong>Theme settings</strong> <strong>-></strong> <strong>Layout</strong>.</li><li><strong>Expand full width</strong>: takes up the entire space on the page and it usually resizes itself to fit the size of the screen.</li></ul> |
| **Color scheme**  | Select colors from **Theme settings -> Colors**                                                                                                                                                                                                                                                                                                                                                                                         |

#### Section header <a href="#general-setting" id="general-setting"></a>

| Setting                                | Description                                                                                                                                               |
| -------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Subheading**                         | Use the subheading to provide additional context, supporting information, or a short description.                                                         |
| **Heading**                            | The primary text element used to introduce or label the content within this section.                                                                      |
| **Enable heading underline animation** | Enable heading underline animation                                                                                                                        |
| **Underline style**                    | Select Underline style                                                                                                                                    |
| **Underline color**                    | Customize Underline color                                                                                                                                 |
| **Description**                        | A text element used to provide additional details or supporting information related to the heading or content of the section.                             |
| **Heading size**                       | <p>The size of the title:</p><ul><li><strong>Small</strong></li><li><strong>Medium</strong></li><li><strong>Large</strong></li></ul>                      |
| **Alignment**                          | <p>The position of the heading and description.</p><ul><li><strong>Left</strong></li><li><strong>Center</strong></li><li><strong>Right</strong></li></ul> |

#### Map settings

| Setting                 | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         |
| ----------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Google Maps API key** | <p>Enter your Google Maps API key to enable map functionality. Make sure the required APIs (Maps JavaScript, Places, and Geocoding) are enabled in your Google Cloud account.<br><br>To get an API key:</p><ol><li>Go to the <strong>Google Cloud Console</strong>: <a href="https://console.cloud.google.com/"><https://console.cloud.google.com/></a></li><li>Create or select a project.</li><li>Navigate to <strong>APIs & Services → Credentials</strong>.</li><li>Click <strong>Create Credentials → API Key</strong>.</li><li><p>Enable the required APIs in <strong>APIs & Services → Library</strong>:</p><ul><li>Maps JavaScript API</li><li>Places API</li><li>Geocoding API</li></ul></li><li>Copy the generated API key and paste it into this field.</li></ol><p>Make sure billing is enabled in your Google Cloud project for the map services to work properly.</p> |
| **Allowed countries**   | Specify the countries where customers are allowed to search for stores. Use ISO country codes (e.g., US, UK, CA) separated by commas. Leave this field blank to allow global search.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                |
| **Search radius (km)**  | Set the maximum distance (in kilometers) used to display nearby store results.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      |

#### Section padding <a href="#section-padding" id="section-padding"></a>

| Setting    | Description                                |
| ---------- | ------------------------------------------ |
| **Top**    | Customize the top margin of the section    |
| **Bottom** | Customize the bottom margin of the section |