Store Locator can be customized to reflect the same branding and color scheme as your store. This articles follows the Display Settings page section order, so you can follow it along as you set up your map.

To find the page where you can adjust settings in the sections we presented below, follow these steps.

1. From the Shopify Admin, select Apps.

2. Select Store Locator.

3. Select Settings.

3. Select Display Settings.

Bare in mind that more complex setups from this page will be handled in separate articles:

• Initial Map Positioning
• Information Formatting 
• Proxy Page HTML & CSS

Page Layout 

Choose how the map appears on the proxy page. Once selected please make sure you save changes.

For example, if you enable My Location, you will not have the "find my location" button on the map for your customers. It will be automatically triggered and it will position them on the map based on their geo location.

Make sure you explore those differences if you are eager to use it.

Search Settings

Customize the look and wording of search related settings. After you make a change you can check it on your Proxy Page.

Search Default Text: Changes the text presented in the map search box after map loads.

Use My Location Text: Changes the text presenting the button used to position your customers on the map (My Location).

Load Locations With Map: If selected, it will assure all map pins are visible on your map after the initial load.

Filter Settings

Ensure users have a seamless search experience by customizing the wording related to the map search filter. This section only handles translations of the text, however, let's use the opportunity to explain how your customers use them.

Max Distance: Limits the radius in which map pins will be showed once your customers tries to find something through the search box.

No Limit: Your customer expand the search and enable loading of all map pins when trying to find something through the search box.

Results: Limits the number of results your customers can get when they try to find your physical locations.

You Are Here: Small pop-up showed once your customers click on the map pin indicating their location. 

Result Settings

Fine-tune the way you present search results to your customers. Whether it's displaying nearby stores or crafting the perfect alert when no stores are found, these settings allow you to create a seamless and engaging experience.

No Stores Found Text: Changes the text presented in the map search box if no locations are found. In this example, we've searched for Croatia and the search found nothing, since the locations are all situated in California.

Display Nearest # Stores: If no locations are found during your customers' search, you can make sure closest map pins are still visible. We've searched for Croatia again and the search showed five closest locations, as we've set "Nearest # Stores to 5 (see below).

Nearest # Stores: If no locations are found during your customers' search, you can determine how many closest map pins will be visible.

Get Direction Settings

These settings allow you to fine-tune how users receive directions to your stores.

Get Directions Text: Changes the text presenting the button used to get written directions on how to find a location.

Direction Language: Changes the language of written directions. We've selected Chech for the purpose of this example.

Map Settings

Here you can configure your map's appearance, including setting the map height and choosing between light, dark or system matching color scheme to match your users preferences.

Map Height: Determine the hight of your Proxy Page map.

Map Color Scheme: This setting will be applied to both your Proxy Page and App Blocks on your store, except when using the Legacy Layout in your App Block.

Important Note

Map hight for App Blocks is currently only adjustable throughout customizations. If you are not comfortable with completing this on your store, schedule a call with an expert to help you out. 

Set Proxy Page Style

If you are using a proxy page instead of an App Block, you may make some page style customization. These settings should be pretty self-indicative, so we will only explain one of them in detail.

Display Website in Address List: Since you cannot add your website in the Address List via Information Formatting [link], you can do it here.

Set Region

Simply, this action will help Google Map's performance and enable your customers smoother search experience. 

Set Location Order

Locations will be shown in order of closest to the user. Here you can change the order.