v.id === this.selectedVariantId) || this.variants[0];
},
get availableMarkings() {
return this.selectedVariant?.markings || [];
},
get selectedMarking() {
if (!this.selectedMarkingId) return null;
return this.availableMarkings.find(m => m.id === this.selectedMarkingId);
},
handleLogoChange(event) {
const file = event.target.files[0];
if (file) {
this.logoFileName = file.name;
this.logoFileSize = (file.size / 1024 / 1024).toFixed(2);
if (file.type.startsWith('image/')) {
const reader = new FileReader();
reader.onload = (e) => {
this.logoPreview = e.target.result;
};
reader.readAsDataURL(file);
} else {
this.logoPreview = null;
}
}
},
clearLogo() {
this.logoFileName = '';
this.logoFileSize = 0;
this.logoPreview = null;
this.$refs.logoInput.value = '';
},
get currentImage() {
return this.selectedVariant?.main_image || '';
},
get maxQuantity() {
if (this.selectedVariant?.manage_stock) {
return this.selectedVariant?.stock || 0;
}
return 99;
},
get unitPriceHT() {
const priceTiers = this.selectedVariant?.price_tiers || [];
if (priceTiers.length === 0) {
return this.selectedVariant?.priceHT || 0;
}
// Find the appropriate tier based on quantity
for (let tier of priceTiers) {
const fromQty = tier.from_quantity || 1;
const toQty = tier.to_quantity;
if (toQty === null || toQty === undefined) {
// Last tier (no upper limit)
if (this.quantity >= fromQty) {
return tier.value;
}
} else {
// Regular tier with upper limit
if (this.quantity >= fromQty && this.quantity <= toQty) {
return tier.value;
}
}
}
return this.selectedVariant?.priceHT || 0;
},
get markingSetupFeeHT() {
if (!this.selectedMarking || this.selectedMarking.included_in_variant_prices) {
return 0;
}
const priceTiers = this.selectedMarking.price_tiers || [];
// Find the fixed_static price (setup fee)
const setupFee = priceTiers.find(tier => tier.price_type && tier.price_type.includes('fixed'));
return setupFee ? setupFee.value : 0;
},
get markingUnitPriceHT() {
if (!this.selectedMarking || this.selectedMarking.included_in_variant_prices) {
return 0;
}
const priceTiers = this.selectedMarking.price_tiers || [];
if (priceTiers.length === 0) return 0;
// Get only variable prices (not fixed/setup fees)
const variablePrices = [];
for (let tier of priceTiers) {
// Skip fixed prices (setup fees)
if (tier.price_type && tier.price_type.includes('fixed')) {
continue;
}
// Check color condition if present
if (tier.condition && tier.condition.includes('nb_couleurs')) {
const match = tier.condition.match(/nb_couleurs\s*==\s*(\d+)/);
if (match) {
const requiredColors = parseInt(match[1]);
if (this.selectedMarkingColors !== requiredColors) {
continue;
}
}
}
// Check variable prices with quantity
const fromQty = tier.from_qty || 1;
const toQty = tier.to_qty;
if (toQty === null || toQty === undefined) {
if (this.quantity >= fromQty) {
variablePrices.push({...tier, from_qty: fromQty});
}
} else {
if (this.quantity >= fromQty && this.quantity <= toQty) {
variablePrices.push({...tier, from_qty: fromQty});
}
}
}
// Sort by from_qty (highest first) to get best tier
if (variablePrices.length > 0) {
variablePrices.sort((a, b) => (b.from_qty || 0) - (a.from_qty || 0));
return variablePrices[0].value;
}
return 0;
},
get unitPriceTTC() {
return (this.unitPriceHT + this.markingUnitPriceHT) * (1 + (this.vatRate / 100));
},
get totalPriceHT() {
// Product price + marking unit price (per item) + setup fee (one time)
return (this.unitPriceHT + this.markingUnitPriceHT) * this.quantity + this.markingSetupFeeHT;
},
get totalPriceTTC() {
return this.totalPriceHT * (1 + (this.vatRate / 100));
},
displayImage: '',
get allImages() {
const images = [];
const mainImage = this.selectedVariant?.main_image;
const galleryImages = this.selectedVariant?.gallery_images || [];
// Add main image first
if (mainImage) {
images.push(mainImage);
}
// Add gallery images that are not the main image
galleryImages.forEach(img => {
if (img !== mainImage && !images.includes(img)) {
images.push(img);
}
});
return images;
},
init() {
this.displayImage = this.currentImage;
this.$watch('selectedVariantId', () => {
// Reset quantity to 1 when variant changes, or to max if max is less than current
if (this.quantity > this.maxQuantity) {
this.quantity = Math.min(1, this.maxQuantity);
}
// Reset marking selection when variant changes
this.selectedMarkingId = null;
this.selectedMarkingColors = 1;
// Update displayed image for new variant
this.displayImage = this.currentImage;
});
},
selectVariant(variantId) {
this.selectedVariantId = variantId;
this.displayImage = this.currentImage;
// Reset quantity to 1 when changing variant
this.quantity = 1;
},
incrementQuantity() {
if (this.quantity < this.maxQuantity) {
this.quantity++;
}
},
decrementQuantity() {
if (this.quantity > 1) {
this.quantity--;
}
}
}">
![Sweatshirt avec capuche Reverie]()
![Aperçu du logo]()
Sweatshirt avec capuche Reverie
Couleur
Matière
Description complète
Sweat à capuche zippé avec poches avant en 60% coton biologique et 40% polyester RPET, 280 g/m2.
Matieres : : Coton organique , Polyester PET recyclé - 280 g/m2.
Matieres : : Coton organique , Polyester PET recyclé - 280 g/m2.
En stock ( disponibles)
Rupture de stock
Personnalisation & Marquage
Choisissez une option de marquage pour personnaliser votre produit
Formats acceptés : PNG, JPG, PDF, AI, SVG (max 10 Mo)
Mo
Fichier prêt
Votre logo sera utilisé pour la personnalisation du produit. Nous vous contacterons pour valider le visuel.
