Skip to content
{ document.querySelector(`[x-ref='cartButton']`).focus(); });"
class="product-overlay fixed z-[150000] top-0 left-0 h-[100dvh] w-full opacity-0 bg-brand-black backdrop-blur-[2px] blur-overlay"
style="background: rgba(30, 31, 29, 0.32); backdrop-filter: blur(2px); opacity: 1"
x-show="$store.cart.cartIsOpen" x-cloak>
Your cart is currently empty
{
loading = true;
fetch($event.detail.new_url)
.then(response => response.text())
.then(data => {
let html_div = document.createElement('div');
html_div.innerHTML = data;
const button = document.querySelector('#blog-pagination .button');
const href = button.getAttribute('href');
const url = new URL(href, window.location.origin);
const pageValue = url.searchParams.get('page');
if(pageValue && parseInt(pageValue) === parseInt(button.getAttribute('data-total-pages'))) {
document.querySelector('#blog-pagination').style.display = 'none';
}
let html_dom = html_div.querySelector('#blog-grid').innerHTML;
if (document.querySelector('#blog-grid')){
document.querySelector('#blog-grid').innerHTML += html_dom;
}
showingResultCount = document.querySelectorAll('.article-card').length
calculateProgressBarWidth(showingResultCount)
if (html_div.querySelector('#blog-pagination')){
let pagination_dom = html_div.querySelector('#blog-pagination').innerHTML;
if(document.querySelector('#blog-pagination')) {
document.querySelector('#blog-pagination').innerHTML = pagination_dom;
}
}
})
.catch(error => console.error('Error:', error))
.finally(() => loading = false);
})
">
- Choosing a selection results in a full page refresh.
- Opens in a new window.