Search to category

Store Design
, ,

Topic summary

A shop owner with hundreds of collections faces a user experience issue: customers searching for collection names (e.g., “Benromach”) typically press Enter and land on product search results rather than clicking the collection link in the predictive search dropdown.

The Problem:

  • Collections have detailed descriptions and photos
  • Predictive search shows the collection as an option
  • Users bypass this by pressing Enter, missing the curated collection pages
  • They see only raw product results instead

Proposed Solution:
A custom JavaScript snippet can be added to the Footer via “Custom liquid” section. The code intercepts form submission and redirects to the collection page when:

  • Predictive search is active
  • A collection appears in results
  • The collection name matches the search term exactly

The solution is noted as “not 100% bulletproof” but addresses the core navigation issue by automatically routing users to collection pages when appropriate.

Summarized with AI on October 29. AI used: claude-sonnet-4-5-20250929.
1

Hello,
we have hundreds of collections in our shop. And we are adding photos and descriptions to these collections at the moment. The problem is that customers often use the search function but do not try to get to the collections via the menu.

One example is a distillery “Benromach”. What people do is enter “Benromach”, they see then this window. If they click on “Benromach” they will land on the collection and see our nice descriptions. But they will most likely enter “Benromach” and click Enter.

Delia3_0-1745878960405.png
Delia3_0-1745878960405.png671×694 60.7 KB

When they press enter, they will then see only products from Benromach and not the collection page with the descriptions. The path looks like this

https://deliawhisky.de/search?q=Benromach&options%5Bprefix%5D=last

So can I improve it that people land directly on the collection page whenever they enter the collection name and press enter. A normal user will never click on a search result screen.

1 Like
2

Add a “Custom liquid” section to the Footer Section group in Customize.

Paste this code there:

The code is not 100% bulletproof, however if

  • predictive search is performed and
  • there is a collection listed in the left column and
  • its name equals the search term,

then the code will redirect to this collection rather then to the search page when the form is submitted.

1 Like