For dev - How to build Instant Search

Related files

• Core files (Minified and DO NOT edit)
  • assets/boost-pfs-core-instant-search.js
  • assets/boost-pfs-instant-search.css.liquid
• Custom files:
  • assets/boost-pfs-instant-search.js : JS file for customizing instant search
  • assets/boost-pfs-custom.css.liquid: CSS file for customizing filter + instant search

How it runs

When user types on the search box (usually on page header)

• Instant search API is called: Instant Search API
• After receiving results, Instant Search DOM nodes are built.
• You can override how the app builds the instant search DOM with code in boost-pfs-instant-search.js