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".
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.
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.