In this Shopify Dev Tips video, we go over how to implement Predictive Search. This is a JavaScript heavy feature that uses Shopify’s Predictive Search API to generate dynamic search results as customers type into the search field.

Shopify’s Predictive Search tutorial: https://shopify.dev/tutorials/add-predictive-search-to-your-shopify-theme
Predictive Search API documentation: https://shopify.dev/docs/themes/ajax-api/reference/predictive-search
GitHub README: https://github.com/Shopify/theme-scripts/blob/master/packages/theme-predictive-search/README.md
NPM Package: https://www.npmjs.com/package/@shopify/theme-predictive-search

My JS: https://gist.github.com/salexzee/2b1d7e813e8a756199832c35492f6af8
My CSS: https://gist.github.com/salexzee/ec0147ccda49078ee4e9205d152210d2

Start your free trial on Shopify today: https://samthewebb.com/shopify
Instagram: https://www.samthewebb.com/instagram
WorkshopCLI NPM: https://www.npmjs.com/package/@workshop-cli/workshop-cli
My Personal website: https://samthewebb.com

source