Search page

The Search page appears when visitors submit a search using the search bar. You can customize the layout and results styles, and enable sort and filter options.

Search page on desktop and mobile
Filter panel on search page

Set up search results grid


All search results appear in a grid. You can customize the layout

Click Search page section to find settings

Setting
Description

Number of rows on desktop

Set the maximum number of products to display per page: 3 to 10.

Number of columns on desktop

Select the number of search results to show per row on desktop: 3, 4, or 5.

Number of columns on mobile

Select the number of search results to show per row on mobile: 1 or 2.

Show total number of results

Display the total number of results listed. Ex: "You’re viewing 1-15 of 34 results"

Pagination

Choose how customers navigate additional rows of products. Either Infinite, Click to load, or Paginated.

Set up filtering and sorting


Change the layout and apperance of the filter and sort menus.

Click Search page section to find settings

Setting
Description

Enable sorting

Allow customers to sort search results by relevance or price.

Enable filtering

Allow customers to filter search results by product options, type, price, availability, and more.

Enable sticky filter bar on desktop

Fix the filter bar to the top of the page to keep visible when scrolling.

Collapse filter groups on mobile

Show filter group tabs that reveal options when clicked.

Show swatch filters

Show product swatches in the filter bar. Swatches are enabled in Theme settings > Product.

This feature is separate from Shopify's Visual filters, which allows you to add visual swatches to filter options, separately from product variants.

Show chip filters

Show product chips in the filter bar. Chips are enabled in Theme settings > Product.

Chip layout

Choose how chips are displayed in the filter bar: 2 Columns, 3 Columns, or Natural.


Related links

Templates

Last updated

Was this helpful?