Search

How shoppers find things in your store. As they type in the header's search field, instant suggestions appear — products with photos and prices, collections, articles, and pages. Pressing enter opens a full results page with Products / Articles / Pages tabs, optional filters, and sorting.

And when a search finds nothing, the theme doesn't dead-end: the "no results" page recovers the sale with a "did you mean" suggestion, four collections you choose, your most popular searches, and the shopper's own recent searches.

It works out of the box — there is nothing to install or connect.

Try it

Pick a preset, then switch between the three surfaces: the results page, the "no results" recovery page, and the search drawer with instant suggestions. Change the settings and watch the preview update; use the screen-size buttons and the light/dark toggle to check every mode. In the results view, the Products / Articles / Pages tabs really switch (keyboard arrows work too).

←Search

Enable filtering

Enable sorting

Results per page

20

Suggested collections

Suggested collections

Popular searches

Popular search 1

Popular search 2

Popular search 3

Popular search 4

Popular search 5

Color scheme is a real Search-section setting too — in this demo the preset switcher and the light/dark toggle drive the palette instead, so every preset's shipped signature shows on its true surface. Suggested collections is a collection picker in the theme editor; the docs can't open your store's catalog, so here it toggles this preset's four demo collections.

Search preview

Search

Search articles, pages, or products

15 results found for "kitchen"

Sort byRelevancePrice, low to highPrice, high to low

Availability

Availability

In stock (12)Out of stock (0)

Category

Category

Kitchen design (3)Bathroom renovation (3)Interior styling (3)Consultation services (3)

• 

  Uisce Design StudioKitchen design consultation

  From €195.00
• 

  Uisce Design StudioKitchen design service

  From €500.00
• 

  Uisce Design StudioCoastal Galley Kitchen

  €16,800.00
• 

  Uisce Design StudioSea-Glass Pantry & Larder

  €9,600.00
• 

  Uisce Design StudioKitchen lighting design plan

  From €240.00
• 

  Uisce Design StudioIsland & worktop design

  From €320.00
• 

  Uisce Design StudioUtility room design

  From €280.00
• 

  Uisce Design StudioHeritage kitchen restoration

  From €1,200.00
• 

  Uisce Design StudioColour & materials consult

  From €150.00
• 

  Uisce Design StudioOpen-plan kitchen extension plan

  From €760.00
• 

  Uisce Design StudioWalk-in pantry design

  From €340.00
• 

  Uisce Design StudioKitchen project management

  From €900.00

Uisce — the luminous waterline: a sea-glass seam slides in under the active tab, drawer rows, and focused inputs.

The three surfaces

Surface	Where shoppers meet it	What it shows
Search drawer	The magnifying-glass icon in the header (a slide-in panel)	Instant suggestions as they type — products with photo + price, collections, articles, pages — plus a loading state.
Results page	Submitting a search (the /search page)	The search field again, a results count, optional Filter + Sort controls, and results in Products / Articles / Pages tabs.
No results page	A search that matches nothing	A "did you mean" suggestion, up to 4 suggested collections, up to 5 popular-search shortcuts, and recent searches.

Only tabs with at least one match appear on the results page — a search that only matches articles opens straight on the Articles tab.

Settings

These live on the Search section (open the theme editor on the search page, or Customize → change page type to Search).

Setting	What it does
Color scheme	Colors the results page. Each preset ships its own signature accent on top.
Enable filtering	Lets shoppers narrow product results (availability, price, your product options) — a facet sidebar on desktop, a Filter button that opens a drawer on phones.
Enable sorting	Shows a Sort by dropdown (relevance, price, and more).
Results per page	How many products show before the page adds pagination.
Suggested collections	Pick up to 4 collections to show as recovery cards on the "no results" page. Choose your bestsellers — this is the page that saves the sale.
Popular search 1–5	Up to 5 search terms shown as one-tap pills on the "no results" page. Use words shoppers actually type.

The search field's placeholder text and all other wording come from the theme's translations, so they're localized automatically in all 50 languages.

Preset signatures

The five presets share the same search surfaces; each decorates the active tab, the drawer rows, and the focused input with its own signature seam — the same mark its header navigation uses. Switch presets in the demo above to compare.

Preset	Signature
Uisce	A luminous sea-glass waterline slides in flat from the centre.
Gaoth	An amber wind-trail feathers in from the start edge, like a breeze.
Talamh	A two-tone soil-strata band — moss over terracotta — rises up from the baseline.
Tine	A molten heat-glow ignites from the centre with an ember bloom.
Neart	A vital-pulse load-bar drives in from the reading edge and settles.

The zero-results recovery accents (the "did you mean" chip, card and pill hovers) pick up the same preset ink.

How predictive search works (zero setup)

Instant suggestions work with no setup at all — the theme uses Shopify's built-in predictive search, available on every store.

Optionally, a store can provide a Storefront API access token in Theme settings. With a token, the theme upgrades to Shopify's Storefront API search, which adds typo tolerance (a shopper typing "runing shoes" still finds running shoes) and smarter query suggestions. This is an upgrade, never a requirement — without a token everything above still works.

Responsive, accessible, right-to-left

• Responsive — results are 1-per-row on phones, 2 on tablets, 3 on desktop; the suggested-collection cards go 2-up on phones and 4-up from tablet width. On small screens, search moves into the menu drawer — a full-width field at the top of the menu, with the same instant suggestions.
• Keyboard + screen reader — the result tabs are a real ARIA tablist (Arrow keys move, Enter/Space activates, with the count announced politely); the drawer input is a combobox that announces suggestions; every pill and card is a 44 px touch target.
• Right-to-left ready — the signature seams are built from logical CSS and flip their direction and origin in Arabic, Hebrew, Persian, and Urdu.
• Reduced motion — the seam animations turn off for visitors who ask for reduced motion (the seam still shows; it just doesn't animate).

Troubleshooting

Predictive search shows nothing when shoppers type. Check whether the store is behind a password page — Shopify's suggestion API is unavailable until the store is public. Also check for app embeds that replace or intercept search (a search-and-discovery app may take over the endpoint). Disable the app embed in Theme settings → App embeds and retry. The full results page keeps working either way.

The "no results" page looks empty. The recovery pack only shows what you've configured: open the Search template's section settings and pick up to 4 Suggested collections and enter up to 5 Popular searches. Recent searches appear only after the shopper has searched before on that device.

A product doesn't appear in results. Check the product is active and published to the Online Store sales channel; drafts and hidden products never appear in search or suggestions.