This article outlines how to change your map's design by using Snazzy Maps. Snazzy Maps is a free service that allows you to create your own styling for Store Locator.
Find a design you like, then copy and paste the code into Store Locator's display settings.
Setup
- From the Shopify admin, select Apps.
- Select Store Locator.
- Select Settings.
- Select Display Settings.
- Copy and paste this into the Page Header HTML box:
<script> var old_fixURLS = fixURLS; fixURLS = function (){
var map= boldMap;
if (typeof map === 'undefined') {
return
} styles=XXXX; map.setOptions({styles: styles}); old_fixURLS(); }; </script> - Head over to Snazzy Maps to find your desired map style.
- Copy the code in the JavaScript Style Array.
- Replace the XXXX in the Page Header HTML box with the code copied in step 5.
- Select Save.