Hide the Search Radius and Results Dropdown Menus

Modified on Fri, 1 Sep, 2023 at 3:32 AM

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 dropdown menus, 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:
    <style>
    .distance_label { display: none; }
    #within_distance { display: none; }
    .search_limit_label { display: none; }
    #limit { display: none; }
    </style>

  6. Select Save

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article