To change the search radius, follow these steps:
- From "Shopify 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>
- Select Save.
That's it!