Change the Search Radius

• Store Locator
• All Versions
• Basic JavaScript knowledge required
• 10 Minutes

To change the search radius, please follow these steps:

1. From Shopify's admin, select Apps.

   

2. Select Store Locator.

   

3. Select Settings.

   

4. Select Display Settings.

   

5. Copy and paste this code in the "Page Footer HTML" field: 

   Note: Adjust the script as needed. This code will add a drop-down that displays distances of 1, 2, 5, 10, 25 miles and an option for no limit. The 1 mile option displays by default.

   <script>
   document.querySelectorAll(".search_within_distance select")[0].length = 0;
   var distances = [1, 5, 10, 25, 9999];
   var distance_labels = ["1", "5", "10", "25", "No Limit"];
   var sel = document.querySelectorAll(".search_within_distance select")[0];
   for(var i=0; i<distances.length; i++) {
    var opt = document.createElement("option");
    opt.text = distance_labels[i];
    opt.value = distances[i];
    sel.add(opt);
   }
   </script>

   

6. Select Save.

   

That's it!

Next Steps:

• Bulk Import Stores in Store Locator
• Display Settings
• Change the Website Text

Blog Posts:

• Why Store Locator was the Solution for Slawsa from Shark Tank
• Help your customers find you and your products [IRL]