{
const queryString = $event.detail.tag;
let selectedButton = document.querySelector('button.active');
if(selectedButton !==null){
selectedButton.classList.remove('active');
}
$event.target.classList.add('active');
let queryURL = '/collections/et/' + queryString;
if(queryString == 'all')
queryURL = '/collections/et';
fetch(queryURL)
.then(response => response.text())
.then(data => {
//console.log(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, queryURL);
})
.catch(error => {
location = '/collections/et';
console.error('Error:', error);
})
.finally(() => loading = false);
})
"
>
Loading...
{ activeItem = true })"
@mouseout="$nextTick(() => { activeItem = false })"
@variant-change.window="if($event.detail.productId == 8118202761519) price=$event.detail.price"
class="product-card w-full"
>


{
const selectedVariant = $event.detail.variantId;
const selectedProduct = $event.detail.productId;
if (selectedProduct == 8118202761519) variant_id=selectedVariant;
let selectedButton = document.querySelector('button.product_'+selectedProduct+'.active');
if(selectedButton !==null){
selectedButton.classList.remove('active');
}
$event.target.classList.add('active');
})
"
class="flex items-center justify-center flex-nowrap gap-3 bg-white p-1"
>
{ activeItem = true })"
@mouseout="$nextTick(() => { activeItem = false })"
@variant-change.window="if($event.detail.productId == 8118193062191) price=$event.detail.price"
class="product-card w-full"
>