Hide the Search Radius and Results Drop-downs

Follow

Overview

By default, Store Locator will display a search banner at the top of your map, with selections that customers can make for their search. This banner includes the option to select the distance, and how many results appear in their search query.

Distance allows customers to set the range of stores that will appear in their search. Example: See all stores within a 25km range.

Results will limit how many stores appear in the search radius. Example: Customers can set only the closest 5 stores to appear in their results.

 

The options for distance and results can be removed to give a more minimal and personalized look to your Store Locator page.

To hide the search radius and results drop-downs, 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: 
    <style>
    .distance_label { display: none; }
    #within_distance { display: none; }
    .search_limit_label { display: none; }
    #limit { display: none; }
    </style>

    paste the code

  6. Select Save.

    Save

1 out of 1 found this helpful

Comments

0 comments

Please sign in to leave a comment.