Search results
The page people land on after they hit search — the full list of matching products at /search.
What it’s for. Showing every product that matches a query, laid out as TCG cards. It reads the shopper’s terms, shows “results for [terms]” with a count, and pages through the matches. Past 1,000 hits it shows “1,000+” since that’s Shopify’s cap.
When to use it. This is the search template — there’s one, and it runs the /search page. It’s not the predictive dropdown in your header. That dropdown shows a quick as-you-type preview (products and collections); “View all results” lands here for the full, sortable, filterable list.
Choosing the engine. Results can come from two places, set with Search results come from. Shopify search (the default) is exactly what you have today. Sideboard search runs on your own catalogue instead: relevance is card-aware, so a two-word card name finds the card, the filter sidebar appears beside the results to refine in, and the result count is Sideboard’s real total rather than Shopify’s. It’s also where the advanced search page sends shoppers, so turn it on if you use that. Native results still render hidden underneath as the fallback for no-JS visitors, search engines, and moments the app can’t be reached. Switching changes a page every shopper uses; try it on a preview theme first.
Ways to use it
- In-stock by default — leave the In Stock filter on so a search for “Charizard” shows what shoppers can actually buy, with sold-out cards tucked behind the toggle.
- Grid for browsing, list for scanning — keep grid as the default for singles shopping; shoppers can flip to list (price/quantity per row) for fast restock runs. Their choice sticks.
- Hide the in-page search bar — your header already has predictive search, so turning off “Show search bar” drops the redundant, preview-less one on the page.
Tips
- Results are products only — pages, articles, and blog posts don’t show here.
- Sort options: relevance, price, title, and newest. With Shopify search, relevance and what counts as a match come from Shopify’s Search & Discovery, not this section; with Sideboard search, both are Sideboard’s.
- The In Stock toggle is Shopify’s native availability filter; it carries across a new search so the shopper keeps their view.
- Card extras — condition/finish swatches, quick-add, playset — match your product cards. Set them here for the search page specifically.
Settings
Search engine
| Setting | Type | What it does |
|---|---|---|
| Search results come from | Dropdown | Shopify search is what you have today. Sideboard search runs on your own catalogue instead: it finds cards Shopify’s index misses, ranks exact matches first, puts a filter sidebar beside the results, and is where the advanced-search page sends shoppers. Switching this changes a page every shopper uses, so try it on a preview theme first. (Shopify search (default), Sideboard search, Match my collection filter setting) |
| Show filter counts | On / off | Default: true |
| Collapse filter groups by default | On / off | Default: false |
Layout
| Setting | Type | What it does |
|---|---|---|
| Show search bar | On / off | Show the search box on the search results page. The header already has a search bar with predictive results, so this one can be redundant. |
| Products per page | Slider | Default: 24 |
| Columns | Dropdown | 2, 3, 4, 5 |
| Enable sorting | On / off | Default: true |
| Enable In Stock filter | On / off | Show an In Stock checkbox (default on) next to sorting, so searches default to in-stock results. |
View mode
| Setting | Type | What it does |
|---|---|---|
| Default view | Dropdown | Grid, List |
| Enable list view toggle | On / off | Allow customers to switch between grid and list views |
List view columns
| Setting | Type | What it does |
|---|---|---|
| Show image | On / off | Default: true |
| Show set info | On / off | Set name and card number from metafields |
| Show rarity | On / off | Default: true |
| Show condition swatches | On / off | Default: true |
| Show price | On / off | Default: true |
| Show quantity selector | On / off | Default: true |
| Show add to cart button | On / off | Default: true |
Product card
| Setting | Type | What it does |
|---|---|---|
| Show second image on hover | On / off | Default: false |
| Show vendor | On / off | Default: false |
TCG Options
| Setting | Type | What it does |
|---|---|---|
| Show condition & finish swatches | On / off | Display selectable swatches for card condition and finish |
| Show quick add to cart | On / off | Allow adding to cart directly from the product card |
| Show playset button | On / off | Quick-add a full playset (4 for MTG/Pokemon, 3 for Yu-Gi-Oh) |
| Overlay controls on image | On / off | Show swatches and add-to-cart overlaid on the card image (appears on hover) |
| Playset button goes to checkout | On / off | Clicking the playset button adds to cart and redirects to checkout |
| Mobile card controls | Dropdown | How to display overlay controls on mobile (hover doesn’t work on touch devices) (Always visible, Tap card to expand, Expand button, Compact row layout) |
Was this page helpful?
Spotted something wrong, or want to suggest an improvement? Email support → — your message goes straight to engineering.