Google Map
Last updated
Last updated
To add this section, please follow below steps:
From your Shopify admin, go to Online Store -> Themes.
Find the theme that you want to edit, and then click Customize.
Click Add section and choose "Google map".
Settings | Meaning |
---|---|
Show google map | Toggle the visibility of the section. |
Section width | Select the layout width of the whole section. The options are: Default (same as the body width) Width (1170px) Width (1770px) Full width (100% of the viewport width). |
Title | Fill in the title of the section. |
Text | Fill in the description text of the section. |
Content alignment | Select the alignment of block content to be either to the Left, Right or Center. |
Maximum content width | Determine the maximum width of the content. Note: Only applicable when the content alignment setting is set to center. |
Button label | The text that displays on the button. |
Button label color - Button border color - Button background color - Button background gradient - Button label hover color - Button border hover color - Button background hover color - Button background hover gradient | Set the text color, background, and border color for both the normal and hover states of the button. |
Maximum button width | Maximum width of the button. |
Button link | The URL that you want the button to link to. |
Settings | Meaning |
---|---|
Embed a map | Insert the embed code of a location from google map. Note: You’ll need to go to Google maps to get the HTML embed code. |
Settings | Meaning |
---|---|
Desktop | Determines the height of the top inner space of the section on the desktop device. Can be from 0px to 100px, increasing arithmetically of 5px (pixel). |
Tablet | Determines the height of the top inner space of the section on the tablet device. Can be from 0px to 100px, increasing arithmetically of 5px (pixel). |
Mobile | Determines the height of the top inner space of the section on the mobile device. Can be from 0px to 100px, increasing arithmetically of 5px (pixel). |
Settings | Meaning |
---|---|
Desktop | Determines the height of the bottom inner space of the section on the desktop device. Can be from 0px to 100px, increasing arithmetically of 5px (pixel). |
Tablet | Determines the height of the bottom inner space of the section on the tablet device. Can be from 0px to 100px, increasing arithmetically of 5px (pixel). |
Mobile | Determines the height of the bottom inner space of the section on the mobile device. Can be from 0px to 100px, increasing arithmetically of 5px (pixel). |