Search Results
Show matching products, articles, and pages after a customer search — with a refineable search bar, filter drawer, recent searches, and empty state handling.
The Search Results page is where customers land after typing something into the search bar. It shows a search input at the top so customers can refine or start a new search, and displays matching results below in a product grid. The page also supports filtering and sorting the results, just like the Collection page.
Section Settings
- Color Scheme: Sets the background and text colors for the search page. Pick a scheme that matches the rest of your store.
- Padding Top / Padding Bottom: Controls the space above and below the section.
- Products Per Page: How many results appear before pagination kicks in. Range: 4–48.
- Show Layout Switcher: Turns on a dropdown that lets customers switch the results grid between a 3-column and 4-column layout. The chosen layout is remembered in the customer's browser.
- Show Sort Options: Shows or hides the sort option inside the filter drawer. When turned on, customers can sort results by price, relevance, newest, and other options.
- Sort Label: The heading text shown above the sort dropdown inside the filter drawer. Default: "Sort by".
- Show Availability: Shows or hides the Availability filter, which lets customers narrow results to in-stock items only.
- Show Price Range: Shows or hides the Price filter. Customers can drag a slider or type a min and max value to filter by price.
- Show Other Filters: Shows or hides any additional filters based on your product data, such as Color, Size, or Category.
- Hidden Filter Names: If you want to hide a specific filter without turning off the whole group, type its exact name here. Separate multiple names with a comma — for example: Color, Size. The name must match exactly what appears in the filter drawer.
Search Bar
The search input sits at the center of the page, above the results. Customers can type a new search term here without going back to the header. The bar includes a Clear button that appears as soon as something is typed, so customers can wipe it and start fresh quickly.
Recent Searches
Below the search bar, the page remembers the last few things the customer searched for and shows them as clickable tags. Customers can tap any tag to run that search again instantly. There is also a Clear all button to wipe the recent search history. Recent searches are saved in the customer's browser so they persist across visits.
What the Results Show
- Products: Shown as standard product cards in the grid.
- Blog articles: Shown as image cards with the article title and publish date overlaid on the image. These only appear if you have article search turned on in Theme Settings.
- Pages: Shown as simple cards with the page title and a short excerpt. These only appear if you have page search turned on in Theme Settings.
The result count and the search term are shown below the page title so customers always know what they searched for and how many matches came back.
Filter Drawer
The Filter & Sort button appears in the toolbar above the results once a search has been performed. It opens the same side panel filter drawer as the Collection Page, with the same filter types — availability, price slider, color swatches, and checkbox filters. Active filters appear as removable tags in the toolbar.
Theme Settings — What Gets Searched
The search page searches products by default. You can also include blog articles and store pages in search results. These options are found in your Theme Settings, not inside this section. Look for search-related toggles there to control what types of content show up in results.
Empty State
If a search returns no results, the page shows a short message and a button that takes the customer back to the all-products collection to continue shopping.
Best Practices
Do
- Keep Products Per Page at a reasonable number — too many results on one page can slow things down, especially on mobile.
- Test a search with no results to make sure the empty state message reads naturally for your store.
- Use the Hidden Filter Names field to remove any filter groups that do not apply to your product catalogue — for example, if you do not sell by size, hide the Size filter.
Don't
- Turn off Show Sort Options and Show Other Filters at the same time unless you have very few products — customers on a search page usually want to narrow things down quickly.
- Leave the Sort Label blank — the filter drawer will still work but the section heading will be empty.