${function() {
const variantData = data.variant || {"id":"9bed2bcd-5b78-4ebe-84ca-26878d04c034","product_id":"a95b5521-3807-4204-a81c-d549599aa52f","title":"Arm\u00e9e verte-6XL","weight_unit":"g","inventory_quantity":0,"sku":"FR240500209_OLV_6XL","barcode":"","position":1,"option1":"Arm\u00e9e verte","option2":"6XL","option3":"","note":"","image":{"src":"\/\/img.staticdj.com\/ec6b0fd65ff6ec8bc6a078b10570786a.png","path":"ec6b0fd65ff6ec8bc6a078b10570786a.png","width":2000,"height":2000,"alt":"","aspect_ratio":1},"wholesale_price":[{"price":21.99,"min_quantity":1}],"weight":"300","compare_at_price":"0","price":"21.99","retail_price":"0","available":true,"url":"\/products\/avant-jetais-bipolaire-je-suis-content-fais-chier-t-shirt-fr240500209-1?variant=9bed2bcd-5b78-4ebe-84ca-26878d04c034","available_quantity":999999999,"options":[{"name":"color","value":"Arm\u00e9e verte"},{"name":"taille","value":"6XL"}],"off_ratio":0,"flashsale_info":[],"sales":0};
const saveType = "amount";
const saveText = "Enregistrer {{saved_amount}}";
const productLabelDiscountOn = true;
return `
-
${saveText.replace('\{\{saved_amount\}\}',
saveType == 'percentage'
? variantData.off_ratio + '%'
: ``
)}
`;
}()}
${function(){
const tipText = "Veuillez s\u00e9lectionner un {{ name }}".replace(/\{\{\s+name\s+\}\}/g, data);
return `${tipText}
`
}()}
${function(){
const tipText = "Veuillez s\u00e9lectionner un {{ name }}".replace(/\{\{\s+name\s+\}\}/g, data);
return `${tipText}
`
}()}
Le produit était en rupture de stock.
Le produit n'est pas disponible.
Sku : FR240500209_OLV_6XL
Poids : 300g
${function(){
const variantData = data.variant || {"id":"9bed2bcd-5b78-4ebe-84ca-26878d04c034","product_id":"a95b5521-3807-4204-a81c-d549599aa52f","title":"Arm\u00e9e verte-6XL","weight_unit":"g","inventory_quantity":0,"sku":"FR240500209_OLV_6XL","barcode":"","position":1,"option1":"Arm\u00e9e verte","option2":"6XL","option3":"","note":"","image":{"src":"\/\/img.staticdj.com\/ec6b0fd65ff6ec8bc6a078b10570786a.png","path":"ec6b0fd65ff6ec8bc6a078b10570786a.png","width":2000,"height":2000,"alt":"","aspect_ratio":1},"wholesale_price":[{"price":21.99,"min_quantity":1}],"weight":"300","compare_at_price":"0","price":"21.99","retail_price":"0","available":true,"url":"\/products\/avant-jetais-bipolaire-je-suis-content-fais-chier-t-shirt-fr240500209-1?variant=9bed2bcd-5b78-4ebe-84ca-26878d04c034","available_quantity":999999999,"options":[{"name":"color","value":"Arm\u00e9e verte"},{"name":"taille","value":"6XL"}],"off_ratio":0,"flashsale_info":[],"sales":0};
return `
Sku : ${variantData && variantData.sku}
Poids : ${variantData && variantData.weight}${variantData && variantData.weight_unit}
code à barre : ${variantData && variantData.barcode}
`
}()}
Détails :
-100 % coton
-Ultra douillet et doux pour un confort tout au long de la journée
-Conception sans étiquette et sans démangeaison
-Finition anti-peluches
-Lavage en machine à froid, séchage par culbutage à basse température
-Ne pas sécher par culbutage
Expédition et retours :
-Délai de personnalisation : 1-3 jours ouvrables
-Délai de livraison : 6-10 jours ouvrables
Nous promettons 30 jours de retour et d'échange.
Here are what our customers say.
Le plus récent
Le plus aimé
Meilleures notes
Notes les plus basses
Le plus aimé
Meilleures notes
Notes les plus basses
×
${function(){
const limit = typeof data === 'number' ? data : 0;
return `
Photos/Vidéos (${limit || 0}/5)
` }()}
${(function(){
const closeIcon =
'
';
if (item.type === 'image') {
return `
${closeIcon}
`
}
return `
${closeIcon}
`
})()}
class SpzCustomFileUpload extends SPZ.BaseElement {
constructor(element) {
super(element);
this.uploadCount_ = 0;
this.fileList_ = [];
}
buildCallback() {
this.action = SPZServices.actionServiceForDoc(this.element);
this.registerAction('upload', (data) => {
this.handleFileUpload_(data.event?.detail?.data || []);
});
this.registerAction('delete', (data) => {
this.handleFileDelete_(data?.args?.data);
});
this.registerAction('preview', (data) => {
this.handleFilePreview_(data?.args?.data);
});
this.registerAction('limit', (data) => {
this.handleFileLimit_();
});
this.registerAction('sizeLimit', (data) => {
this.handleFileSizeLimit_();
});
}
isLayoutSupported(layout) {
return layout == SPZCore.Layout.LOGIC;
}
setData_(count, file) {
this.uploadCount_ = count;
this.fileList_ = file;
}
handleFileUpload_(data) {
data.forEach(i => {
if(this.fileList_.some(j => j.url === i.url)) return;
this.fileList_.push(i);
})
this.uploadCount_++;
sessionStorage.setItem('fileList', JSON.stringify(this.fileList_));
this.triggerEvent_("handleFileUpload", { count: this.uploadCount_, files: this.fileList_});
if(this.fileList_.length >= 5){
document.querySelector('#review_upload').style.display = 'none';
}
if(this.fileList_.length > 0){
document.querySelector('.apps-reviews-write-anonymous-box').style.marginTop = '8px';
}
}
handleFileDelete_(index) {
this.fileList_.splice(index, 1);
this.uploadCount_--;
sessionStorage.setItem('fileList', JSON.stringify(this.fileList_));
this.triggerEvent_("handleFileDelete", { count: this.uploadCount_, files: this.fileList_});
document.querySelector('#review_upload').style.display = 'block';
if(this.fileList_?.length === 0){
document.querySelector('.apps-reviews-write-anonymous-box').style.marginTop = '132px';
}
}
handleFilePreview_(index) {
const finalPreviewData = this.fileList_[index];
const filePreviewModal = document.getElementById('filePreviewModal');
const fullScreenVideo = document.getElementById('fullScreenVideo');
const fullScreenImage = document.getElementById('fullScreenImage');
const previewModalClose = document.getElementById('previewModalClose');
const previewLoading = document.getElementById('previewLoading');
filePreviewModal.style.display = 'block';
previewLoading.style.display = 'flex';
if(finalPreviewData?.type === 'video'){
const media = this.mediaParse_(this.fileList_[index]?.url);
fullScreenVideo.addEventListener('canplaythrough', function() {
previewLoading.style.display = 'none';
});
fullScreenImage.src = '';
fullScreenImage.style.display = 'none';
fullScreenVideo.style.display = 'block';
fullScreenVideo.src = media.mp4 || '';
} else {
fullScreenImage.onload = function() {
previewLoading.style.display = 'none';
};
fullScreenVideo.src = '';
fullScreenVideo.style.display = 'none';
fullScreenImage.style.display = 'block';
fullScreenImage.src = finalPreviewData.url;
}
previewModalClose.addEventListener('click', function() {
filePreviewModal.style.display = 'none';
});
}
handleFileLimit_() {
alert(window.AppReviewsLocale.comment_file_limit || 'please do not upload files more than 5');
this.triggerEvent_("handleFileLimit");
}
handleFileSizeLimit_() {
alert(window.AppReviewsLocale.comment_file_size_limit || 'File size does not exceed 10M');
}
clear(){
this.fileList_ = [];
this.uploadCount_ = 0;
sessionStorage.setItem('fileList', JSON.stringify(this.fileList_));
this.triggerEvent_("handleClear", { count: this.uploadCount_, files: this.fileList_});
document.querySelector('#review_upload').style.display = 'block';
}
mediaParse_(url) {
var result = {};
try {
url.replace(/[?&]+([^=&]+)=([^&]*)/gi, function (str, key, value) {
try {
result[key] = decodeURIComponent(value);
} catch (e) {
result[key] = value;
}
});
result.preview_image = url.split('?')[0];
} catch (e) {};
return result;
}
triggerEvent_(name, data) {
const event = SPZUtils.Event.create(this.win, name, data);
this.action.trigger(this.element, name, event);
}
}
SPZ.defineElement('spz-custom-file-upload', SpzCustomFileUpload);
The review would not show in product details on storefront since it does not support to.