v.id === this.selectedVariantId) || this.variants[0];
},
get matchingVariants() {
return this.variants.filter(variant => this.variantMatchesSelectedFilters(variant));
},
get hasVariantCharacteristics() {
return ['color', 'material', 'size'].some(key => this.filterOptions(key).length > 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;
});
this.$nextTick(() => {
this.initializeFilterSelections();
});
},
get requiresSizeSelection() {
return this.filterOptions('size').length > 0;
},
get canSubmitVariant() {
return !this.requiresSizeSelection || this.selectedSize !== '';
},
initializeFilterSelections() {
this.selectedColor = '';
this.selectedMaterial = '';
this.selectedSize = '';
this.autoSelectSingleFilterOptions();
this.selectFirstMatchingVariant();
},
selectVariant(variantId) {
this.selectedVariantId = variantId;
this.syncFiltersFromVariant(this.selectedVariant);
this.displayImage = this.currentImage;
// Reset quantity to 1 when changing variant
this.quantity = 1;
},
setVariantFilter(key, value) {
const normalizedValue = value || '';
if (key === 'color') {
this.selectedColor = normalizedValue;
} else if (key === 'material') {
this.selectedMaterial = normalizedValue;
} else if (key === 'size') {
this.selectedSize = normalizedValue;
}
this.clearUnavailableFilterSelections();
this.autoSelectSingleFilterOptions();
this.selectFirstMatchingVariant();
this.quantity = 1;
},
clearUnavailableFilterSelections() {
['color', 'material', 'size'].forEach(key => {
const selectedValue = this.selectedFilterValue(key);
if (!selectedValue) {
return;
}
const exists = this.filterOptions(key).some(value => this.normalizeVariantValue(value) === this.normalizeVariantValue(selectedValue));
if (!exists) {
this.setSelectedFilterValue(key, '');
}
});
},
autoSelectSingleFilterOptions() {
let changed = true;
while (changed) {
changed = false;
['color', 'material', 'size'].forEach(key => {
const options = this.filterOptions(key);
if (options.length === 1 && !this.selectedFilterValue(key)) {
this.setSelectedFilterValue(key, options[0]);
changed = true;
}
});
}
},
selectFirstMatchingVariant() {
const nextVariant = this.matchingVariants[0] || this.variants[0];
if (nextVariant) {
this.selectedVariantId = nextVariant.id;
this.displayImage = this.currentImage;
}
},
syncFiltersFromVariant(variant) {
this.selectedColor = variant?.color || '';
this.selectedMaterial = variant?.material || '';
this.selectedSize = variant?.size || '';
},
setSelectedFilterValue(key, value) {
if (key === 'color') {
this.selectedColor = value || '';
} else if (key === 'material') {
this.selectedMaterial = value || '';
} else if (key === 'size') {
this.selectedSize = value || '';
}
},
variantMatchesSelectedFilters(variant, exceptKey = null) {
return ['color', 'material', 'size'].every(key => {
if (key === exceptKey) {
return true;
}
const selectedValue = this.selectedFilterValue(key);
if (!selectedValue) {
return true;
}
return this.normalizeVariantValue(variant?.[key]) === this.normalizeVariantValue(selectedValue);
});
},
selectedFilterValue(key) {
if (key === 'color') {
return this.selectedColor;
}
if (key === 'material') {
return this.selectedMaterial;
}
if (key === 'size') {
return this.selectedSize;
}
return '';
},
filterOptions(key) {
const values = [];
this.variants
.filter(variant => this.variantMatchesSelectedFilters(variant, key))
.forEach(variant => {
const value = variant?.[key];
if (!value) {
return;
}
const exists = values.some(existing => this.normalizeVariantValue(existing) === this.normalizeVariantValue(value));
if (!exists) {
values.push(value);
}
});
return this.sortFilterOptions(key, values);
},
sortFilterOptions(key, values) {
if (key !== 'size') {
return values.sort((a, b) => a.localeCompare(b, 'fr', { numeric: true, sensitivity: 'base' }));
}
return values.sort((a, b) => this.compareSizes(a, b));
},
compareSizes(a, b) {
const rankA = this.sizeRank(a);
const rankB = this.sizeRank(b);
if (rankA !== rankB) {
return rankA - rankB;
}
return String(a).localeCompare(String(b), 'fr', { numeric: true, sensitivity: 'base' });
},
sizeRank(value) {
const label = String(value || '').trim().toLocaleUpperCase('fr').replace(/\s+/g, '');
const alphaOrder = {
'XXS': 10,
'XS': 20,
'S': 30,
'M': 40,
'L': 50,
'XL': 60,
'XXL': 70,
'2XL': 70,
'XXXL': 80,
'3XL': 80,
'4XL': 90,
'5XL': 100,
'6XL': 110,
};
if (alphaOrder[label] !== undefined) {
return alphaOrder[label];
}
const numeric = label.match(/\d+(?:[.,]\d+)?/);
if (numeric) {
return 1000 + parseFloat(numeric[0].replace(',', '.'));
}
if (label.includes('UNIQUE')) {
return 10000;
}
return 9000;
},
normalizeVariantValue(value) {
return String(value || '').trim().toLocaleLowerCase('fr');
},
incrementQuantity() {
if (this.quantity < this.maxQuantity) {
this.quantity++;
}
},
decrementQuantity() {
if (this.quantity > 1) {
this.quantity--;
}
}
}">
![SOL'S - NORMAN MEN POLAIRE 220]()
![Aperçu du logo]()
SOL'S - NORMAN MEN POLAIRE 220
SOL'S
Référence produit : S02093
Choisir la variante
Détails de la variante
- Couleur
- Taille
- Matière
- Réf. variante
Description complète
SOL'S NORMAN MEN, VESTE PLAIN FLEECE HOMME, 100% polyester FLEECE 220, Col haut zippé, 2 poches zippées. En ce qui concerne la correspondance des tailles, veuillez vous référer au tableau des tailles dans la section documentation du produit.
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.
