Hi, first time posting!
We’ve created a little search feature for our client (inhaus.webflow.io), and for some reason, when we switched all of the urls to HTTPS, we ran into the following issue:
Mixed Content: The page at 'https://inhaus.webflow.io/product-category/laminate' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://inhaus.webflow.io/search-results'. This request has been blocked; the content must be served over HTTPS.
Our JS has the following, and works perfectly fine if served over HTTP:
function getSearchableItems(callback) { $.ajax({ url: 'https://inhaus.webflow.io/search-results/', type: 'get', success: function(data) { $(data).find('.w-dyn-item [data-href]').toArray().forEach(function(item) { searchableProducts.push($(item).attr('id').replace('-',' ')); searchableProductsInfo[$(item).attr('id')] = item; }); callback(); } }); }
Any ideas would be highly appreciated, unfortunately I need to use HTTPS for various other reasons.