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".
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. |
Setting | Description |
---|---|
Insert Map Iframe | Insert and Iframe from any online map platform such as Google Map to display the map for the section. |