Map

Displays an interactive map for locations or directions. Customize the map's appearance as needed.

Setting
Description

Heading

Enter text to display as a main heading in the section.

Desktop info width

Choose how much space the text/info box should take up beside the map on desktop.

  • Small

  • Large

Map info heading

Add a title for the info box.

Desktop map/image position

Choose whether the map should display on the left or right side of the section on desktop screens.

Content alignment

Customization of the "Content alignment" in the map section is as follows:

  • Left

  • Center

  • Right

Color scheme

In this section, you can change the background and foreground color of a section using the color scheme.

  • Scheme 1

  • Scheme 2

  • Scheme 3

  • Scheme 4

  • Scheme 5

  • Scheme 6

Info color scheme

In this section, you can change the background and foreground color of a info container using the color scheme.

  • Scheme 1

  • Scheme 2

  • Scheme 3

  • Scheme 4

  • Scheme 5

  • Scheme 6

Add Store

To add store to the map section, click on the 'Add store'. There are many options available , as you can see in the below points and screenshot.

Block
Description

Tab location

Enter the store tab location that will appear in the tab navigation.

Address

Map info

Add key details about the store. You can include store name, address, phone number, city, state, and ZIP code.

Additional info

Add any extra information, such as opening hours, contact number, or a short description about the store.

Map address

Map address

Enter the exact store address. This will generate the embedded map location.

Button style

Choose how the address link button should look:

  • Link

  • Outline

  • Solid

Image

Upload a static image of your store or a map. This will be shown if the map is not enabled.

Enable map

Toggle this option to show a live, embedded Google Map instead of an image.

Google maps embed code

Add google map embed code here.

Last updated