Map(store locator)

This section can be used to display the map of the store locations.

Configure map(store locator) section

Go to Customize theme. Click the dropdown menu at the top of the page and select the Home page template.

From the left side menu, select Map(store locator).

Customize this section by using the setting on the right side of the theme editor, as described in the following table:

General

Section visibility Select from the options to select the visibility of this section: -Always -Small devices only(On selecting this, the section will be visible on mobile devices only.) -Large devices only Enable full width Tick this checkbox to show the map at full width. Hide store details Tick this checkbox to hide the store details. (Note: It will only work with a single store. Using this, this section can be used as a map only.) Desktop height Select the height from the following options: -Small -Medium -Large -Extra large Mobile height Select the height from the following options: -Small -Medium -Large -Extra large Placeholder Select an image to display. Heading

Add heading text. (Note: Wrap your text between [ ] to add the markers. For example, This [marker] will underline marker text.)

Marker text highlight style Select from Underline or Background to determine the highlight style. Highlight background Select from Gradient or Solid to determine the highlight background. Heading size Select the heading size from the H1-H6 options. Heading tag Specify heading code types from H1-H6 for SEO and search engines for crawling purposes. Description Enter the description text. Text alignment Select from the left, center or right to determine the heading alignment. Custom marker Select any icon/image to show as a custom marker on the map.

Colors

Color scheme

Select the color scheme.

Note: These can be managed from Theme settings> Color >Schemes. Enable gradient Select this check box to enable the gradient color specified in the color scheme assigned above.

Section padding

Top spacing (desktop)

Adjust the range bar to add spacing at the top of the section for desktop view.

Bottom spacing (desktop)

Adjust the range bar to add spacing at the bottom of the section for desktop view.

Top spacing (mobile)

Adjust the range bar to add spacing at the top of the section for mobile view.

Bottom spacing (mobile) Adjust the range bar to add spacing at the bottom of the section for mobile view.

Block settings:

Store name

Enter the store name.

Shipping details

Enter the shipping details or any other text to describe your store.

Store details

Enter the store details.

Location

Enter the location to show its map.

Button text

Add any text for the button shown in the store details.

Last updated