Google Map

To add this section, please follow below steps:

  1. From your Shopify admin, go to Online Store -> Themes.

  2. Find the theme that you want to edit, and then click Customize.

  3. Click Add section and choose "Google Map".

SettingDescription

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.

CONTENT

SettingDescription

Insert Map Iframe

Insert and Iframe from any online map platform such as Google Map to display the map for the section.

Last updated