# Search results

Source: <https://docs.ictsviluppo.example/dossier/sections/main-search/>

Search results is the search page of your store: a search field with the customer’s words, then the products, blog posts and pages that match, with filters, sorting and pagination as on a collection. It is used on the search template, which customers reach from the search in the header or at `/search`.

## What customers see

The page changes with what the customer did:

- **Nothing searched yet**: a “Search the store” heading, a short prompt and your suggested links.
- **No results**: the heading repeats the words searched, with a few tips, your suggested links and a link to all products.
- **Results**: products, blog posts and pages in a single grid, in the order Shopify ranks them. Blog posts and pages say what they are on their card, so customers can tell them from products.

When the chosen filters match nothing, customers see a message and a link to remove all filters.

## Suggest links when nothing is found

Under **No results**, choose a menu in **Suggested links**. Its top-level items appear as shortcuts on the empty search page and when a search finds nothing, so customers always have somewhere to go. The main menu is used by default; create a dedicated menu, for example with your main collections, in **Online Store > Navigation**.

## Set up filters and sorting

Filters come from the Search & Discovery app in your Shopify admin, as on collection pages: choose there which filters exist and in what order, then turn on **Enable filtering**. Filters apply to products only, so when a customer applies one, blog posts and pages leave the results. When a search finds only blog posts or pages, no filters appear.

**Filter position on desktop**, **Filter values before showing search** and **Enable sorting** work as in the [Product grid](https://docs.ictsviluppo.example/dossier/sections/main-collection-product-grid) of collection pages. On phones, filters always open in a drawer.

Shopify decides which products match a search and how they’re ranked. To change that, use the Search & Discovery app, for example to add synonyms or boost products.

## Choose how many results and how customers see more

**Results per page** sets how many results load at once. Under **Pagination**, **Type** chooses between **Numbered pages**, a **Load more button** and **Infinite scroll**. Infinite scroll switches to the button after three pages, so customers can still reach the footer, and every page also has a real link for customers without JavaScript.

## Adjust the result cards

**Results per row on desktop** and **Results per row on mobile** set the grid. Under **Product card**, **Image ratio** crops product photos to the same shape and **Show vendor** adds the brand above the name. Everything else on product cards, such as swatches, badges and quick add, is set in [Theme settings](https://docs.ictsviluppo.example/dossier/theme-settings) > **Product cards**, the same as on collection pages.

## Settings

| Setting | Type | Default | Options |
| - | - | - | - |
| **Results per page** | Slider | 24 | 4–48, step 4 |
| **Results per row on desktop** | Slider | 4 | 2–5, step 1 |
| **Results per row on mobile** | Drop-down | 2 columns | 1 column, 2 columns |
| **Use full page width** | Checkbox | On | — |
| **Color scheme** | Color scheme | scheme-1 | — |
| **Pagination** | | | |
| **Type** — Infinite scroll switches to a load more button after three pages, so customers can still reach the footer. | Drop-down | Numbered pages | Numbered pages, Load more button, Infinite scroll |
| **Filtering and sorting** | | | |
| **Enable filtering** — Set up filters in the [Search & Discovery app](https://apps.shopify.com/search-and-discovery). Filters apply to products only. | Checkbox | On | — |
| **Filter position on desktop** — On mobile, filters always open in a drawer. Use a sidebar for stores with more than five filters. Shown when *Enable filtering* is on | Drop-down | Sidebar | Sidebar, Top bar, Drawer |
| **Filter values before showing search** — Filters with more values than this show a search field. Helps customers find a size or a brand in long lists. Shown when *Enable filtering* is on | Slider | 10 | 4–30, step 1 |
| **Enable sorting** | Checkbox | On | — |
| **No results** | | | |
| **Suggested links** — Shows when no search term is entered, or when a search has no results. Only top-level menu items appear. | Menu | main-menu | — |
| **Product card** | | | |
| **Image ratio** | Drop-down | Portrait | Portrait, Tall, Square |
| **Show vendor** | Checkbox | Off | — |