{ activeItem = true })"
@mouseout="$nextTick(() => { activeItem = false })"
@variant-change.window="if($event.detail.productId == 8289161150767) price=$event.detail.price"
class="product-card w-full"
>
En précommande
![Sweat à broder](http://bleucitron.fr/cdn/shop/files/sweatdetoure_1.png?v=1683797753&width=400)
![Sweat à broder](http://bleucitron.fr/cdn/shop/files/sweatorange_1.jpg?v=1683797753&width=400)
{
const selectedVariant = $event.detail.variantId;
const selectedProduct = $event.detail.productId;
if (selectedProduct == 8289161150767) 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 == 8294832439599) price=$event.detail.price"
class="product-card w-full"
>
En précommande
![Veste à broder](http://bleucitron.fr/cdn/shop/files/veste_1.jpg?v=1683813169&width=400)
![Veste à broder](http://bleucitron.fr/cdn/shop/files/veste_3.jpg?v=1683813169&width=400)
{
const selectedVariant = $event.detail.variantId;
const selectedProduct = $event.detail.productId;
if (selectedProduct == 8294832439599) 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 == 8289378500911) price=$event.detail.price"
class="product-card w-full"
>
En précommande
![Tshirt oversize à broder](http://bleucitron.fr/cdn/shop/files/robecopie.png?v=1683904941&width=400)
![Tshirt oversize à broder](http://bleucitron.fr/cdn/shop/files/robe_1.jpg?v=1683904941&width=400)
{
const selectedVariant = $event.detail.variantId;
const selectedProduct = $event.detail.productId;
if (selectedProduct == 8289378500911) 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 == 8289367032111) price=$event.detail.price"
class="product-card w-full"
>
En précommande
![Short-Pantalon à broder](http://bleucitron.fr/cdn/shop/files/pantaloncopie.png?v=1683816626&width=400)
![Short-Pantalon à broder](http://bleucitron.fr/cdn/shop/files/pantalon_1.jpg?v=1683816626&width=400)
{
const selectedVariant = $event.detail.variantId;
const selectedProduct = $event.detail.productId;
if (selectedProduct == 8289367032111) 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 == 8289348485423) price=$event.detail.price"
class="product-card w-full"
>
En précommande
![Sweat sans manches à broder](http://bleucitron.fr/cdn/shop/files/sweat_s_m.png?v=1683817770&width=400)
![Sweat sans manches à broder](http://bleucitron.fr/cdn/shop/files/sweat_manches_1copie.jpg?v=1683817770&width=400)
{
const selectedVariant = $event.detail.variantId;
const selectedProduct = $event.detail.productId;
if (selectedProduct == 8289348485423) 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 == 8291924181295) price=$event.detail.price"
class="product-card w-full"
>
{ activeItem = true })"
@mouseout="$nextTick(() => { activeItem = false })"
@variant-change.window="if($event.detail.productId == 8289170686255) price=$event.detail.price"
class="product-card w-full"
>