Display Default Search when Store Locator Loads

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 the steps below.

 


 

Setup

  1. From the Shopify admin, select Apps.
  2. Select Store Locator.
  3. Select Settings.

    select settings

  4. Select Display Settings.

    select display settings

  5. Copy and paste this code into 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>

    paste the code

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

    SL change the S

  7. Select Save
Was this article helpful?
0 out of 0 found this helpful