✨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