Scrunch
Scrunch is designed specifically to make travelling and storage easy. Goodbye to rigid plastic buckets, balls that cannot be packed into hand luggage, dangly long fishing nets and hard plastic sand moulds – hello to rolling and scrunching, to folding and squashing our amazing products into very small spaces!
{
const queryString = new URLSearchParams(new FormData($refs.filter_form)).toString();
let pattern = /[?&]sort_by=/;
let collUrl = location.search;
let newUrl = queryString;
if(pattern.test(collUrl)) {
const theString = window.location.search;
const urlParams = new URLSearchParams(theString);
const sorty = urlParams.get('sort_by')
newUrl = queryString + '&sort_by=' + sorty;
console.log(sorty);
}
console.log(queryString);
console.log(newUrl);
loading = true;
fetch('/collections/scrunch?' + newUrl)
.then(response => response.text())
.then(data => {
let html_div = document.createElement('div');
html_div.innerHTML = data;
let html_dom = html_div.querySelector('#dataMix').innerHTML;
document.querySelector('#dataMix').innerHTML = html_dom;
// update url without refreshing the page
history.replaceState(null, null, '?' + newUrl);
})
.catch(error => console.error('Error:', error))
.finally(() => loading = false);
})"
>