Top

How can we help?

Browse our Help Center or visit our Community, still Need Help? Contact Us.

Display Default Search when Store Locator Loads

  • Created:
  • Last Updated:
  • Article ID: 205920696
  • Store Locator
  • All Versions
  • Basic JavaScript knowledge required
  • 10 Minutes

To display a default search when Store Locator loads, follow these steps:

  1. From "Shopify Admin", select Apps.

    select apps

  2. Select Store Locator.

    select store locator

  3. Select Settings.

    select settings

  4. Select Display Settings.

    select display settings

  5. Copy and paste this code in the "Page Header HTML" field:  
    <script>
$( document ).ready(function() {
$('#address_search').val('!!!!');

setTimeout(
function() 
{
$('.search_bar button').click();
}, 1000);

});
</script>

    paste the code

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

    replace !!!! with the search term 

  7. Select Save.

    Save

That's it! 

Next Steps:

Blog Posts: