Search page

The search results page, with the same grid, filter and sort controls as a collection page.

Where to find it: In the theme editor, choose this template from the page dropdown at the top of the screen. Template file: templates/search.json.

Good for

Filtering and sorting search results just like a collection
Switching between product, article and page results with tabs
Suggesting popular searches when nothing matches

Section settings

Content

Heading size

Size of the search results heading, picked from the heading sizes defined in Theme settings → Typography.

Sets the size of the search results heading.

Choose H1 (default), H2, H3, H4, H5 or H6.

Layout

Desktop columns	How many items sit side by side on desktop. The 5 column layout appears when filters are hidden. Choose 3, 4 (default) or 5.
Mobile columns	How many items sit side by side on mobile. Choose 1 or 2 (default).
Enable sticky header	Keeps the toolbar (result count, filter toggle and sort) and the filter sidebar in view while shoppers scroll down the results. On by default.

Filters and sort

Desktop filter style	Minimal shows the toolbar and filters directly on the page background. Panel puts the toolbar and the filter sidebar in bordered boxes, with an optional Section background behind them. Choose Minimal (default) or Panel.
Section background	Background color behind the boxed toolbar and filter sidebar. Leave empty to use the color scheme's background. Only appears when Desktop filter style* is Panel.*
Enable sorting	Lets shoppers reorder results, for example by price, newest or best selling. On by default.
Enable filtering	Shows the filter panel. Filters themselves come from the Search & Discovery app. Install the free Search & Discovery app to add and customize filters. On by default.
Hide filters by default	Starts the results with the filter sidebar closed on desktop, so the grid gets the full width. Shoppers can open it with the Filters toggle. Off by default. Only appears when Enable filtering* is on.*
Enable product tags	Shows the product tag filter, if you've added one in the Search & Discovery app. Turn it off to hide tags while keeping your other filters. On by default. Only appears when Enable filtering* is on.*
Enable filter group name	Adds the filter's name to the pills for active filters, so they read "Color: Red" instead of just "Red". On by default. Only appears when Enable filtering* is on.*
Desktop filter type	Open starts the filter groups listed in Expand filter groups open and the rest closed. Collapsed starts every group closed. Choose Open (default) or Collapsed. Only appears when Enable filtering* is on.*
Expand filter groups	Separate each filter group with a comma. Example: Price, Color, Size. Only appears when Enable filtering* is on and Desktop filter type is Open.*

Article grid

Card padding	Space between a card's border and its content. Choose Default (default) or None.
Enable image padding	Adds space around the image inside its frame. Off by default. Only appears when Card padding* is Default.*
Desktop articles per row	How many blog post cards sit side by side on desktop when shoppers switch to the Articles tab. Choose 2 (default), 3 or 4.

Blog card

Show tags	Shows the post tags. On by default.
Show author	Shows the post author. On by default.
Show date	Shows the publish date. On by default.
Show excerpt	Shows the post excerpt. Excerpts are written per post in the admin; without one, the first lines of the post are used. On by default.
Show read more button	Adds a read-more link under the excerpt. On by default.

Pagination settings

Pagination style	How shoppers move to the next set of items: numbered pages, a load-more button or infinite scroll. Choose Page numbers (default), Load more button or Infinite scroll.
Results per page	How many products load before pagination. Applies only to products and articles. Adjustable from 8 to 48 (default 16). Only appears when Pagination style* is not Infinite scroll.*

No results

Enable search tags	Shows a row of suggested searches when a search finds nothing, so shoppers have somewhere to go next. On by default.
Heading	The heading above the suggested searches, such as "Try searching for".
Tags	The suggested searches, separated by commas. Each one runs a product search for that word when clicked. Enter tags separated by comma to define each item.

Predictive search

Enable predictive search

Shows results while shoppers type, before they press Enter. Results open right under the search field: a View results for link to the full results page, up to 4 suggested searches, matching products, and tabs for matching collections, blog posts and pages, with up to 6 of each. Shoppers can move through them with the arrow keys and press Enter to open one.

When it's off, no results appear while typing. Shoppers press Enter to go to the full search results page.

Shopify offers predictive search in some languages only. In a store language it doesn't support, search works as if this setting were off.

On by default.

Appearance

Color scheme	Sets the background, text, border and button colors for the section. Schemes are defined once in Theme settings → Colors and reused everywhere, so changing a scheme updates every section using it.
Card color scheme	Color scheme for the product cards in the results, overriding the card scheme set in Theme settings → Product card.

Spacing

Top and bottom spacing for desktop, with optional separate values for mobile. These are the same controls on every section. See Settings every section shares.

Tips

Filters come from the Search & Discovery app, the same ones your collection pages use.
Fill in the suggested searches. When a search finds nothing, those chips are the shopper's only way onward.
Use Search & Discovery synonyms (for example "tee" = "t-shirt") to cut down on empty results.

Troubleshooting

No filters show on the search page

Install Search & Discovery and add filters in the app; check Enable filtering is on. Filters apply to product results only.

The suggested searches don't appear

Turn on Enable search tags and enter at least one search in Tags. They only show when a search returns no results.