Change the Search Radius

Ron

February 01, 2014 00:15

Store Locator
All Versions
Basic JavaScript knowledge required
10 Minutes

To change the search radius, please follow these steps:

From Shopify's admin, select Apps.
Select Store Locator.
Select Settings.
Select Display Settings.

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>

paste this code in the Page Footer HTML

Select Save.

That's it!

Next Steps:

Blog Posts:

Change the Search Radius

Next Steps:

Blog Posts:

Comments

Articles in this section