Map#

Show your store location, opening details, and a directions link.

Add this section#

Select Add section > Map on the template you want to edit.

Settings#

The settings below follow the same order as the theme editor.

General settings#

• Address: Enter the longer text to show. The map shows this place, and Get directions leads to it. Leave empty to show the image instead.

• Zoom: Use the slider from 10 to 19.

• Map style: Choose Muted or Color.

• Image: Choose an image from your library. Shown when no address is set. 2000 x 1100px recommended.

Card#

• Subheading: Enter the text to show.

• Heading: Enter the text to show.

• Text: Enter and format the text.

• Button label: Enter the text to show. Shown when an address is set.

• Position: Choose Start or End. End keeps the card clear of the map's own place card.

• Height: Choose Small, Medium, or Large.

• Color scheme: Choose a color scheme from Theme settings > Colors.

• Card color scheme: Choose a color scheme from Theme settings > Colors.

Section padding#

• Top padding: Use the slider from 0 to 160 px.

• Bottom padding: Use the slider from 0 to 160 px.

Mobile layout#

• Card position: Choose Below the map or Over the map.

• Height: Choose Small, Medium, or Large.

• Top padding: Use the slider from 0 to 120 px.

• Bottom padding: Use the slider from 0 to 120 px.

Blocks#

This section does not use blocks.

Tips#

• Add your real content before fine-tuning spacing and colors.
• Check the section at both computer and phone widths. Use Mobile layout for the phone-specific choices.