Step 1. Go to Code Editor
Step 2. Click Add a new snippet inside the Snippets folder
Step 3. Set the file name as easysearch and click Done
Step 4. An empty snippet will be created and opened in the editor. Copy and paste the following code into the snippet you just created:
<![CDATA[
{%- comment -%} DO NOT EDIT THIS SNIPPET - it's generated automatically and may be overwritten at any time {%- endcomment -%}
<div class="easysearch-widget">
<div class="easysearch-container">
<div class="easysearch-header-holder"></div>
<div class="easysearch-main-holder">
<div class="easysearch-logo-holder"></div>
<div class="easysearch-holder easysearch-loading"></div>
</div>
<div class="easysearch-footer-holder"></div>
<div class="easysearch-ancillary-holder easysearch-hidden">
<style class="easysearch-necessary-styles">.easysearch-hidden{display:none !important;}</style>
<script type="text/javascript" class="easysearch-initialization">
document.addEventListener('easysearch_init', function() { { % if shop.metafields['easysearch'].settings.value.settings % } easysearch.settings = { { shop.metafields['easysearch'].settings.value.settings | json } }; { % endif % } easysearch.buildWidgets(); });
</script>
<script type="text/javascript" src="{%%20unless%20request.design_mode%20or%20canonical_url%20contains%20" shopifypreview.com shop.domain endunless data-no-instant></script>
</div>
</div>
</div>
]]>
Step 5. Click Save.
