-
el.dataset.variantId === '54343018840411')?.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 === '54343018840411')?.click()"
class="product-thumbnail relative block w-full transition-transform duration-[50ms]"
:class="
{
'scale-75' : splideIndex === 0,
'scale-100' : splideIndex !== 0
}
"
>
-
el.dataset.variantId === '54343018807643')?.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 === '54343018807643')?.click()"
class="product-thumbnail relative block w-full transition-transform duration-[50ms]"
:class="
{
'scale-75' : splideIndex === 1,
'scale-100' : splideIndex !== 1
}
"
>
-
el.dataset.variantId === '54343019004251')?.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 === '54343019004251')?.click()"
class="product-thumbnail relative block w-full transition-transform duration-[50ms]"
:class="
{
'scale-75' : splideIndex === 2,
'scale-100' : splideIndex !== 2
}
"
>
-
el.dataset.variantId === '54343018938715')?.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 === '54343018938715')?.click()"
class="product-thumbnail relative block w-full transition-transform duration-[50ms]"
:class="
{
'scale-75' : splideIndex === 3,
'scale-100' : splideIndex !== 3
}
"
>
-
el.dataset.variantId === '54343018873179')?.click()"
@keydown.space.prevent.stop
@keyup.space.prevent.stop="splide.go(4); Array.from($root.querySelectorAll('[data-single-option-selector]')).find((el) => el.dataset.variantId === '54343018873179')?.click()"
class="product-thumbnail relative block w-full transition-transform duration-[50ms]"
:class="
{
'scale-75' : splideIndex === 4,
'scale-100' : splideIndex !== 4
}
"
>
-
el.dataset.variantId === '54343018905947')?.click()"
@keydown.space.prevent.stop
@keyup.space.prevent.stop="splide.go(5); Array.from($root.querySelectorAll('[data-single-option-selector]')).find((el) => el.dataset.variantId === '54343018905947')?.click()"
class="product-thumbnail relative block w-full transition-transform duration-[50ms]"
:class="
{
'scale-75' : splideIndex === 5,
'scale-100' : splideIndex !== 5
}
"
>
-
el.dataset.variantId === '54343018971483')?.click()"
@keydown.space.prevent.stop
@keyup.space.prevent.stop="splide.go(6); Array.from($root.querySelectorAll('[data-single-option-selector]')).find((el) => el.dataset.variantId === '54343018971483')?.click()"
class="product-thumbnail relative block w-full transition-transform duration-[50ms]"
:class="
{
'scale-75' : splideIndex === 6,
'scale-100' : splideIndex !== 6
}
"
>