Adding jQuery for Predictive Search In Supply Theme

New Member
1 0 0

I am using Supply Theme.

 

I am trying to add Predictive Search onto my site (colorstation.sg), but can't figure out the necessary steps. 

 

Following the documentation on https://help.shopify.com/en/themes/development/predictive-search

 

Am i right to say i need to add the below code on theme.js.liquid ? I can't figure out where to add it in?

 

search.png

 

Any one can help on the matter? Appreciate it and thank in advance. 

 

0 Likes
Highlighted
Shopify Partner
17 2 3

Hello - am afraid that code you're referencing is only a part of the answer, it is there to show developers already familiar with javascript how to access the Shopify predictive search API. So guessing that perhaps you're not a developer, a few ways forward might be:

1) Try following a blog tutorial on this topic - someone else might be able to recommend specifics (I haven't tried them), but "adding predictive search shopify" or "shopify search autocomplete" did show a few blog articles claiming to achieve this (just make sure you create a backup of your theme before adding untested code)

2) Use an app

3) Hire a developer to implement the Shopify solution you found

 

All the best with it.

Paul @ Promeate
Reply helpful? Like to let me know!
☑️ Question answered? Please mark it as an Accepted Solution
0 Likes