{
//console.log('Location Search', location.search);
let form = $refs.filter_form;
const queryString = new URLSearchParams(new FormData(form)).toString();
loading = true;
if (location.search.indexOf('filter') > -1 && location.search.indexOf('sort_by') > -1) {
//console.log('splitting sort by', location.search.split('&sort_by')[1]);
splitUrl = location.search.split('&sort_by')[1];
currentUrl = '/collections/bloom-refresh?' + queryString + '&sort_by' + splitUrl;
//console.log('Filter And Sort by word exist', currentUrl);
}else if (location.search.indexOf('sort_by') > -1) {
splitUrl = location.search.split('?');
currentUrl = '/collections/bloom-refresh?' + queryString + '&' + splitUrl[1];
//console.log('Sort By word exist', currentUrl);
}else{
currentUrl = '/collections/bloom-refresh?' + queryString;
//console.log('Filter word does not exist', currentUrl);
}
fetch(currentUrl)
.then(response => response.text())
.then(data => {
let html_div = document.createElement('div');
html_div.innerHTML = data;
let html_dom = html_div.querySelector('#MainCollectionDisplay').innerHTML;
document.querySelector('#MainCollectionDisplay').innerHTML = html_dom;
// Update the page without refreshing the page
if (location.search.indexOf('filter') > -1 && location.search.indexOf('sort_by') > -1) {
history.replaceState(null, null, '?' + queryString + '&sort_by' + splitUrl);
}else if (location.search.indexOf('sort_by') > -1) {
history.replaceState(null, null, '?' + queryString + '&' + splitUrl[1]);
}else{
history.replaceState(null, null, '?' + queryString);
}
document.querySelector('.collectionLeftSide').classList.remove('active');
document.querySelector('body').classList.remove('filterActive');
})
.catch(error => console.error('Error:', error))
.finally(() => loading = false);
})"
>
Sorry, there are no products in this collection.