Classic Mandala Style Storage Box Fragmented Ornament Cosmetics Collection
${function() {
const variantData = data.variant || {"id":"b375d21f-197b-4ddb-b2d4-89567ecfda7d","product_id":"b99ac81d-8861-4def-b892-265a2bde63e2","title":"MH201","weight_unit":"kg","inventory_quantity":-1,"sku":"780666.01","barcode":"","position":1,"option1":"MH201","option2":"","option3":"","note":"","image":{"src":"\/\/img.staticdj.com\/7fb8b9a2b19a55afa72378feaa28ece8.jpeg","path":"7fb8b9a2b19a55afa72378feaa28ece8.jpeg","width":1600,"height":1600,"alt":"","aspect_ratio":1},"wholesale_price":[{"price":13.99,"min_quantity":1}],"weight":"0.42","compare_at_price":"0","price":"13.99","retail_price":"0","available":true,"url":"\/products\/classic-mandala-style-storage-box-fragmented-ornament-cosmetics-collection-7806661?variant=b375d21f-197b-4ddb-b2d4-89567ecfda7d","available_quantity":999999999,"options":[{"name":"Style","value":"MH201"}],"off_ratio":0,"flashsale_info":[],"sales":14};
const saveType = "percentage";
const productLabelDiscountOn = true;
return `
-
${saveType == 'percentage'
? `-${variantData.off_ratio}%`
: `-
`;
}()}
Style:
MH201
${function(){
const optName = "Style";
const optionValue = data.originData.selectData ? data.originData.selectData[optName].value : data.originData.value;
const optionValueText = optionValue ? (optionValue) : '';
return `
${optionValueText}
`
}()}
${function(){
const tipText = "Please select a {{ name }}".replace(/\{\{\s+name\s+\}\}/g, data);
return `${tipText}
`
}()}
Sku : 780666.01
Weight : 0.42kg
${function(){
const variantData = data.variant || {"id":"b375d21f-197b-4ddb-b2d4-89567ecfda7d","product_id":"b99ac81d-8861-4def-b892-265a2bde63e2","title":"MH201","weight_unit":"kg","inventory_quantity":-1,"sku":"780666.01","barcode":"","position":1,"option1":"MH201","option2":"","option3":"","note":"","image":{"src":"\/\/img.staticdj.com\/7fb8b9a2b19a55afa72378feaa28ece8.jpeg","path":"7fb8b9a2b19a55afa72378feaa28ece8.jpeg","width":1600,"height":1600,"alt":"","aspect_ratio":1},"wholesale_price":[{"price":13.99,"min_quantity":1}],"weight":"0.42","compare_at_price":"0","price":"13.99","retail_price":"0","available":true,"url":"\/products\/classic-mandala-style-storage-box-fragmented-ornament-cosmetics-collection-7806661?variant=b375d21f-197b-4ddb-b2d4-89567ecfda7d","available_quantity":999999999,"options":[{"name":"Style","value":"MH201"}],"off_ratio":0,"flashsale_info":[],"sales":14};
return `
Sku : ${variantData && variantData.sku}
Weight : ${variantData && variantData.weight}${variantData && variantData.weight_unit}
Barcode : ${variantData && variantData.barcode}
`
}()}
Add to cart
$13.99
${function(){
const wholesale_enabled = false;
const qty = data.quantity || 1;
const currentSelectVariant = data.variant;
const defaultVariant = (data.product && data.product.variants && data.product.variants[0]);
const productVariant = {"id":"b375d21f-197b-4ddb-b2d4-89567ecfda7d","product_id":"b99ac81d-8861-4def-b892-265a2bde63e2","title":"MH201","weight_unit":"kg","inventory_quantity":-1,"sku":"780666.01","barcode":"","position":1,"option1":"MH201","option2":"","option3":"","note":"","image":{"src":"\/\/img.staticdj.com\/7fb8b9a2b19a55afa72378feaa28ece8.jpeg","path":"7fb8b9a2b19a55afa72378feaa28ece8.jpeg","width":1600,"height":1600,"alt":"","aspect_ratio":1},"wholesale_price":[{"price":13.99,"min_quantity":1}],"weight":"0.42","compare_at_price":"0","price":"13.99","retail_price":"0","available":true,"url":"\/products\/classic-mandala-style-storage-box-fragmented-ornament-cosmetics-collection-7806661?variant=b375d21f-197b-4ddb-b2d4-89567ecfda7d","available_quantity":999999999,"options":[{"name":"Style","value":"MH201"}],"off_ratio":0,"flashsale_info":[],"sales":14};
const variantData = currentSelectVariant || defaultVariant || productVariant;
const wholesale_price = variantData.wholesale_price || [];
if(wholesale_enabled && wholesale_price.length > 0) {
let wholesaleIndex = wholesale_price.findIndex(item => {
return item.min_quantity > qty;
});
if(wholesaleIndex < 0){
wholesaleIndex = wholesale_price.length - 1;
}else if(wholesaleIndex > 0){
wholesaleIndex = wholesaleIndex - 1;
}
const wholesalePrice = wholesale_price[wholesaleIndex] || '';
return `
`
}else {
const price = variantData && variantData.price;
return price != undefined ? `
` : '
Buy now
Product was out of stock.
Product is unavailable.
Basically it takes about 3 days to ship. If you buy products with SKUs with letters, such as "psw2024", the delivery time is basically about 7-15 days. If the product has not been shipped for more than 5 days, it means that the product must be out of stock and you need to wait 13 days for replenishment. If you need to exchange products, please contact: service@paintsomeway.com
If there are any issues with the order you receive, we will do our best to resolve it for you. Including but not limited to lost packages (reshipment), damaged products (reshipment), missing products (reshipment), poor quality (replacement, etc.)
Here are what our customers say.
Newest
Most liked
Highest ratings
Lowest ratings
Wow you reached the bottom
Most liked
Highest ratings
Lowest ratings
×
${function(){
const limit = typeof data === 'number' ? data : 0;
return `
Pictures/Videos (${limit || 0}/5 )
` }()}
${(function(){
const closeIcon =
'
';
if (item.type === 'image') {
return `
${closeIcon}
`
}
return `
${closeIcon}
`
})()}
Submit Comments Anonymously
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.
![](data:image/svg+xml;charset=utf-8,<svg height="289px" width="289px" xmlns="http://www.w3.org/2000/svg" version="1.1"/>)