Display Default Search when Store Locator Loads

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

Overview

Store Locator will display a general map of your region. If you have a main store or headquarters, the map can be adjusted to make a specific location the default to where your map loads.

To display a default search when Store Locator loads, 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 Header HTML" field: 

   <script>
   document.addEventListener("DOMContentLoaded", function(){
   document.getElementById('address_search').value = "!!!";
   setTimeout(function(){
   document.querySelector('.search_bar button').click();
   }, 1000);
   });
   </script>

   

6. Replace !!!! with the search term you'd like as the default search.

   

7. Select Save.