How to set up the store locator section

The store locator section helps customers find your physical locations through an interactive map and store details.

Section settings

Heading: Set a title for this section. This is optional.

Subheading: Set a subtitle for this section. This is optional.

Heading alignment: Select the alignment for the heading and subheading. Options: Left, Center, Right.

Store locator

Open in new window: Choose whether the link should open in a new tab or the same tab.

Layout

Section width: Adjust whether this section should span the full width of the page (100%) or be contained within a limited layout. Applies on desktop. On mobile, the section spans the entire width of the screen.

Section inner max width (px): Set the maximum width of the content inside this section in pixels.

Section left/right gutter: Adjust the left and right spacing of the section relative to the viewport edge on narrow screens.

Vertical inner spacing: Adjust the spacing between the content and the top/bottom edges of this section in pixels.

Vertical outer spacing: Adjust the space between this section and the sections above and below it in pixels.

Map

Google Maps API Key: Enter your Google Maps API key to enable the map functionality in the store locator section.

Styles

Section heading color: Choose the color for the heading of the section.

Section subheading color: Choose the color for the subheading of the section.

Section background color: Choose the background color for the section.

Search background color: Choose the background color for the search bar.

Sidebar background color: Choose the background color for the sidebar displaying the locations.

Sidebar text color: Choose the color of the location heading in the sidebar displaying the locations.

Sidebar secondary text color: Choose the color of the address label and phone number in the sidebar displaying the locations.

Border color: Choose the color of the border separating elements in the sidebar displaying the locations.

Link color: Choose the color for links in the sidebar displaying the locations.

Location

Latitude: Enter the latitude coordinates of the location.

Longitude: Enter the longitude coordinates of the location.

Heading: Set the title for the location.

Address label: Enter the address label for the location.

Phone number: Enter the contact phone number for the location.

Link 1 label: Set the text for the first link.

Link 1 URL: Set the destination for the link (e.g., page, collection, product, external link, etc.).

Link 2 label: Set the text for the second link.

Link 2 URL: Set the destination for the link (e.g., page, collection, product, external link, etc.).