Search results in shopify search bar are too many

Store Design

Topic summary

Issue: Shopify search bar shows too many results; requester wants fewer displayed on their storefront.

Context: Theme is “Install-me-martify v-2.0.0.” No built-in setting found to limit search results. Store URL shared (sovel.ro). Screenshots were included to show the issue and theme settings.

Proposed approaches:

  • JS (JavaScript) change: Adjust the search results limit via JavaScript; would require code edits and potentially collaborator access.
  • CSS (Cascading Style Sheets) workaround: Add “body .search-results { overflow-y: auto; }” to styles.css to make the results area scroll instead of showing an overly long list.

Outcome: The requester adopted the CSS workaround for now. This improves usability by adding a scrollable container but does not reduce the actual number of results rendered.

Status: Partially resolved. To truly limit the count of displayed results, a JavaScript modification is still needed; no native theme setting was identified.

Summarized with AI on January 5. AI used: gpt-5.
1

Hello,

When I search for a key word in my search bar on shopify, too many results appear. How can I make it so fewer results are displayed? Could someone advise on this issue?

Sovel_0-1708195467270.png
Sovel_0-1708195467270.png564Ă—631 97.9 KB

2

Hello @Sovel

Which theme you are using ? can you please share your store URL ?

Thanks

3

@Sovel Please check your theme settings for the search bar. You might find some options to display how many results.

if not there, then might be a need to update some code in theme.

4

Hello,

Im using

Install-me-martify-v-2.0.0

5

I searcher for an option of search bar, but I found none.

Sovel_0-1708196161013.png
Sovel_0-1708196161013.png274Ă—718 20 KB

6

the URL is sovel.ro

7

Hello @Sovel

Thanks for the URL but the limit needs to changed from JS. Thus the JS code needs to be altered. If possible to provide collaborator access then please let me know.

Thanks

8

@Sovel , Please add the below line of CSS at the end of your styles.css file.

body .search-results{
overflow-y:auto;
}
9

Thank you very much! I will go with this solution for now. cheers a lot!

1 Like