How to use

Create your search form

    <form action="/search" method="get" role="search" class="js-search-form">
      <div class="relative">
        <input type="hidden" name="type" value="product">
        <input type="search" name="q" id="Search" class="js-search-input" value="{{ search.terms | escape }}" placeholder="{{ 'general.search.placeholder' | t }}"autocomplete="off" required>
        <button type="submit">{{ 'general.search.submit' | t }}</button>
        <div class="js-search-list"></div>
      </div>
    </form>

Attach the events

See index.js

This code uses jQuery, but you can modify it and use the library you want
Add the handlebars template

See handlebar-templates.liquid

This requires handlebars.js
Add the search.json file
Add the styles you want :)

rhonaldomaster/shopi-json-search

How to use