{
const queryString = new URLSearchParams(new FormData($refs.filter_form)).toString();
loading = true;
fetch('/collections/true-rock?sort_by=' + sort + '&filter.v.availability=1&' + queryString)
.then(response => response.text())
.then(data => {
let html_div = document.createElement('div');
html_div.innerHTML = data;
let html_dom = html_div.querySelector('#ProductGridContainer').innerHTML;
document.querySelector('#ProductGridContainer').innerHTML = html_dom;
history.replaceState(null, null, '?sort_by=' + sort + '&filter.v.availability=1&' + queryString);
})
.catch(error => console.error('Error:', error))
.finally(() => loading = false);
}
"
>
{
const queryString = new URLSearchParams(new FormData($refs.filter_form)).toString();
loading = true;
fetch('/collections/true-rock?sort_by=' + sort + '&filter.v.availability=1&' + queryString)
.then(response => response.text())
.then(data => {
let html_div = document.createElement('div');
html_div.innerHTML = data;
let html_dom = html_div.querySelector('#ProductGridContainer').innerHTML;
document.querySelector('#ProductGridContainer').innerHTML = html_dom;
history.replaceState(null, null, '?sort_by=' + sort + '&filter.v.availability=1&' + queryString);
})
.catch(error => console.error('Error:', error))
.finally(() => loading = false);
}
"
>