Google Map
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".
Section settings
General
| Settings | Meaning |
|---|---|
Show Google Map | Toggle the visibility of the section. |
Layout | Select the layout width of the whole section. The options are: Default (same as the body width), 1170px, 1770px, Full Width (the 100% of the viewport width). |
Spacing Top / Spacing Bottom on Desktop, Tablet, Mobile | Determine the spacing of the section from its top and bottom sections on Desktop, Tablet and Mobile separately. |
Section
| Settings | Meaning |
|---|---|
Title | Fill in the title of the section. |
Text | Fill in the description text of the section. |
Block Alignment | Select the alignment of block content to be either to the Left, Right or Center. |
Content Max Width | Determine the maximum width of the content. |
Button Text | Enter text for the section button. |
Color - Border Color - Background Color - Background Gradient - Hover / Active Color - Hover / Active Border Color - Hover / Active Background Color - Hover / Active Background Gradient | Set colors for button text, background and border for both normal and hovered/clicked states. |
Button Max Width | Specify the maximum width of the button ranging from 100px to 500px. |
Button Link To | Insert the link for the section button to redirect to. Usually, the link will lead to the Store Locator page. |
Insert Map Iframe | Insert the embed code of a location from google map. |
Last updated
