Contact map

This component allows you to display a Google Maps’s styled map, that will show the address from the location set as Default/Main within your store’s admin panel, which you can configure by going to Settings > Checkout > Locations.

By clicking on the component name you will find general options to customize it, which will determine how the section will look and behave. The available options for this component are the following:

Heading options

By enabling this, a Heading section will be displayed before the map. You can find the list of options in this page.

Map

This group contains options for you to customize how the map looks and behaves:

Size

Allows to define the width of the map, based on the following options:

• Grid width: Sets the map to stretch and occupy the full width of the section.
• Small: Sets the map width to 50% of the available space.
• Medium: Sets the map width to approximately 66% of the available space.
• Large: Sets the map width to approximately 83% of the available space.

Position

Allows to define the horizontal position in which the map will be displayed, only when the Size option is any other than Grid width.

Appearance

This group contains the following options to customize the component:

• Top margin: allows to control the upper margin of the section.
• Bottom margin: allows to control the lower margin of the section.
• Content colors: allows to choose the Color Pack for the component.

Animations

The Customize options allows to adjust the animations for this specific component. You can read which ones are available in this page.