-
el.dataset.variantId === '54109554278747')?.click()"
@keydown.space.prevent.stop
@keyup.space.prevent.stop="splide.go(0); Array.from($root.querySelectorAll('[data-single-option-selector]')).find((el) => el.dataset.variantId === '54109554278747')?.click()"
class="product-thumbnail relative block w-full transition-transform duration-[50ms]"
:class="
{
'scale-75' : splideIndex === 0,
'scale-100' : splideIndex !== 0
}
"
>
-
el.dataset.variantId === '54109554311515')?.click()"
@keydown.space.prevent.stop
@keyup.space.prevent.stop="splide.go(1); Array.from($root.querySelectorAll('[data-single-option-selector]')).find((el) => el.dataset.variantId === '54109554311515')?.click()"
class="product-thumbnail relative block w-full transition-transform duration-[50ms]"
:class="
{
'scale-75' : splideIndex === 1,
'scale-100' : splideIndex !== 1
}
"
>
-
el.dataset.variantId === '54109554344283')?.click()"
@keydown.space.prevent.stop
@keyup.space.prevent.stop="splide.go(2); Array.from($root.querySelectorAll('[data-single-option-selector]')).find((el) => el.dataset.variantId === '54109554344283')?.click()"
class="product-thumbnail relative block w-full transition-transform duration-[50ms]"
:class="
{
'scale-75' : splideIndex === 2,
'scale-100' : splideIndex !== 2
}
"
>
-
el.dataset.variantId === '54109554377051')?.click()"
@keydown.space.prevent.stop
@keyup.space.prevent.stop="splide.go(3); Array.from($root.querySelectorAll('[data-single-option-selector]')).find((el) => el.dataset.variantId === '54109554377051')?.click()"
class="product-thumbnail relative block w-full transition-transform duration-[50ms]"
:class="
{
'scale-75' : splideIndex === 3,
'scale-100' : splideIndex !== 3
}
"
>