1. Bold Commerce Help Center
  2. Store Locator - Shopify
  3. Feature Guides & Customizations

Display Default Search when Store Locator Loads

Follow
Avatar
Michael
  • Store Locator
  • All Versions
  • Basic JavaScript knowledge required
  • 10 Minutes

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

  1. From Shopify's 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:

0 out of 0 found this helpful

Comments

0 comments

Please sign in to leave a comment.

Articles in this section

See more