How to show search results while typing still in Supply theme?

NielsSchutte
Explorer
167 2 8

Hi,

I was wondering how I could show(preview) products which matches the search term before hitting enter, like this:

Knipsel.PNG

 

My website's url: www.smartnutrition.nl

Websites pw: playaz

 

Hope someone can help me out!

0 Likes
Mark_JVC
Shopify Partner
31 6 7

Hi there, 

 

if you have a developer you can use Shopify's predictive Search API:

https://shopify.dev/tutorials/add-predictive-search-to-your-shopify-theme#how-suggestions-are-genera...

 

or you could just install an app - something like this:

https://apps.shopify.com/instant-search

 

Cheers,

Best regards,

✓ Was your problem solved? Please like and accept the solution to help others.
0 Likes
Nancy_Drake
Trailblazer
137 8 14

Hello @NielsSchutte 

 

If you are familiar with coding, you can follow this topic to implement Autocomplete for the search bar. If you want an advanced out-of-the-box solution that offers both query suggestion and product matching I recommend installing an app like Ultimate Filter and Search https://apps.shopify.com/ultimate-search-and-filter-1

 

It provides smart product filtering, Autocomplete, Typo tolerance, Merchandising, and Analytics.

 

 

0 Likes