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.
Enable filter determines if filters are visible. They are placed in the left sidebar on desktop, and shown as a dropdown at the top of the product grid on mobile. When Collapse filters is activated, the filter tabs will appear closed by default.
Filters are customized via Shopify's Search & Discovery app.
Follow Shopify's guide for setting up Faceted Filtering
Filter style can be a Sidebar or a Drawer. The Sidebar layout would show a sidebar on the left side of the collection, while the Drawer would display a "Filters" button that can be clicked to expand it.
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. On desktop, it appears at the top right of the product grid, while on mobile it is included inside the filter dropdown.
The search results setting lets you choose the amount of products to be displayed per row within the Products per row slider, and how many Rows per page.
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.