Core Script Tag

Add our script tag anywhere near the closing </body> tag tag of your theme. This will initialize our widgets into the previously mentioned html containers: #sx-autocomplete and #sx-results and allow for any configuration options to enter the DOM before our script is initialized.

*You are not required to paste the above script into the head of your page, you can paste it anywhere — even in the footer — but higher on the page will help a marginal amount with load time. It is not a huge difference, but every little bit helps.

~CE

<script>
  ;(function () {
    if (window.sx_loaded) return
    window.sx_loaded = true
    var sxt = document.createElement('script')
    sxt.type = 'text/javascript'
    sxt.async = true
    sxt.src =
      'https://apps.belkapp.com/api/search/files/{{your-shop-prefix}}.myshopify.com/searchx-core'
    var s = document.getElementsByTagName('script')[0]
    s.parentNode.insertBefore(sxt, s)
  })()
</script>