The Search results page is displayed when a customer performs a search on your store, showing relevant products and content.
Customize the search results page template
Use the page selector and click on Search to open the template.
Search page settings
Click Search page in the left sidebar to access the general settings for the template.
When Enable filter is turned on, a filter button appears above the search results. Clicking it opens the left-side sidebar where the collection filters are displayed.
Filters are customized via Shopify's Search & Discovery app.
Follow Shopify's guide for setting up Faceted Filtering
Enable Collapse filters to have the filter tabs closed by default.
Turn on Enable color swatches to show visual swatches for the color filter. For more details about color swatches, see this guide. You can also display Swatch labels by clicking on its on/off toggle.
Enabling the Show sort options setting displays the product sort dropdown at the top right of the search results.
The search results setting lets you choose the amount of products to be displayed per row within the Products per row slider.
Flush grid on mobile, when active, reduces the spacing between each product grid. When disabled, you will see a noticeable spacing between each grid in contrast.