{%- if shop.metafields.search-three != blank -%}
  <!-- BEGIN app snippet: search-three -->

  <script>
    window.conversionBoxSearch = window.conversionBoxSearch || {};
    window.conversionBoxSearch.config = window.conversionBoxSearch.config || {};
    window.conversionBoxSearch.config = {{shop.metafields.search-three.searchConfig}};
    window.conversionBoxSearch.config.currency  = "{{shop.currency}}";
    window.conversionBoxSearch.config.money_format = "{{ shop.money_format }}";
    window.conversionBoxSearch.config.APPURL  = "https://vend.conversionbox.io";
    window.conversionBoxSearch.config.analyticsURL  = "https://backend.conversionbox.io"
    window.conversionBoxSearch.config.CSSURL  = "https://cdn.conversionbox.io/shopify/autocomplete.css"
    window.conversionBoxSearch.config.userData  = "https://cdn.conversionbox.io/user-data/"
    {% if product %}
      window.conversionBoxSearch.productId = {{product.id}};
    {% elsif collection %}
      window.conversionBoxSearch.collectionFacet = {{collection.metafields.conversionbox.cbFacetSortValues}}
      window.conversionBoxSearch.collectionSort = {{collection.metafields.conversionbox.cbFacetSortValues}}
      window.conversionBoxSearch.collectionName = `{{collection.title}}`
      window.conversionBoxSearch.collectionId = `{{collection.id}}`
    {% endif %}
    {% if customer %}
      window.conversionBoxSearch.customer_tag =  `{{ customer.tags|json }}`
    {% else %}
      window.conversionBoxSearch.login = `false`
    {% endif %}
</script>

<!-- END app snippet -->
{%- endif -%}

{% schema %}
  {
    "name": "ConversionBox Search",
    "target": "body",
    "javascript": "autocomplete.js"
  }
{% endschema %}