{
$nextTick(async () => {
if (event.detail.option1) {
option1 = event.detail.option1;
}
if (event.detail.option2) {
option2 = event.detail.option2;
}
if (event.detail.option3) {
option3 = event.detail.option3;
}
variant = variants.find((variant) => {
if (option1) {
if (variant.options[option1Index]!= option1) {
return false;
}
}
if (option2) {
if (variant.options[option2Index]!= option2) {
return false;
}
}
if (option3) {
if (variant.options[option3Index]!= option3) {
return false;
}
}
return true;
});
if (variant.featured_image?.src) {
image = variant.featured_image?.src;
variantImage = variant.featured_image?.src;
}
const resp = await fetch(window.location.pathname + '?variant=' + variant.id)
const html = await resp.text();
const parser = new DOMParser();
const doc = parser.parseFromString(html, 'text/html');
doc.querySelector('#reviewStarsLoader').remove();
doc.querySelector('#reviewStars').innerHTML = $refs.productContainer.querySelector('#reviewStars').innerHTML
$refs.productContainer.innerHTML = doc.querySelector('#productContainer').innerHTML;
reloadWishlistButton();
history.replaceState(null, null, '?variant=' + variant.id);
});
};
"
class="container flex flex-col md:grid grid-cols-2 gap-6 md:gap-8 py-6 md:py-[52px]"
>