The Search results page shows relevant products and content when a customer performs a search.
Customize the search results page
From the page selector, click Search to open the template.
Search page settings
In the left sidebar, click Search page to access the general settings for the template.
Enable filter controls whether filters are visible. On desktop, filters appear in the left sidebar, while on mobile they are displayed as a dropdown above the product grid.
When Collapse filters is activated, the filter tabs are closed by default.
Filters are customized via Shopify's Search & Discovery app.
Follow Shopify's guide for setting up Faceted Filtering
Turn on Enable color swatches to show visual swatches for the color filters. For more details about color swatches, see this guide.
Enabling Show sort options displays the product sort dropdown. On desktop, it appears at the top right of the product grid, while on mobile it’s included inside the filter dropdown.
The Default product layout setting lets you choose from three layout options for displaying search results:
- Large grid shows 2 products per row on desktop and 1 on mobile.
- Small grid shows 3 products per row on desktop and 2 on mobile.
- List displays one product per row in rectangular blocks.