Super Mario Character Light Goomba 1UP Mushroom FireFlower Shy Guy Super Mushroom
${function() {
const variantData = data.variant || {"id":"815f8fe8-bb26-4333-9834-32acede26406","product_id":"0bceb27d-eb34-42f4-8fd9-9f4ee7f4f37d","title":"1UP Mushroom","weight_unit":"kg","inventory_quantity":3,"sku":"4907437809182","barcode":"","position":3,"option1":"1UP Mushroom","option2":"","option3":"","note":"","image":{"src":"\/\/img.staticdj.com\/f3a4fd7d9d57c2ead1fd99254a47bac3.jpg","path":"f3a4fd7d9d57c2ead1fd99254a47bac3.jpg","width":800,"height":800,"alt":"","aspect_ratio":1},"wholesale_price":[{"price":21.99,"min_quantity":1}],"weight":"0.4","compare_at_price":"0","price":"21.99","retail_price":"0","available":true,"url":"\/products\/super-mario-character-light-goomba-1up-mushroom-fireflower-shy-guy-super-mushroom?variant=815f8fe8-bb26-4333-9834-32acede26406","available_quantity":3,"options":[{"name":"color","value":"1UP Mushroom"}],"off_ratio":0,"flashsale_info":[],"sales":2};
const saveType = "percentage";
const productLabelDiscountOn = true;
return `
-
${saveType == 'percentage'
? `-${variantData.off_ratio}% `
: `-
`;
}()}
Color:
1UP Mushroom
${function(){
const optName = "color";
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}
`
}()}
Add to cart
$21.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":"815f8fe8-bb26-4333-9834-32acede26406","product_id":"0bceb27d-eb34-42f4-8fd9-9f4ee7f4f37d","title":"1UP Mushroom","weight_unit":"kg","inventory_quantity":3,"sku":"4907437809182","barcode":"","position":3,"option1":"1UP Mushroom","option2":"","option3":"","note":"","image":{"src":"\/\/img.staticdj.com\/f3a4fd7d9d57c2ead1fd99254a47bac3.jpg","path":"f3a4fd7d9d57c2ead1fd99254a47bac3.jpg","width":800,"height":800,"alt":"","aspect_ratio":1},"wholesale_price":[{"price":21.99,"min_quantity":1}],"weight":"0.4","compare_at_price":"0","price":"21.99","retail_price":"0","available":true,"url":"\/products\/super-mario-character-light-goomba-1up-mushroom-fireflower-shy-guy-super-mushroom?variant=815f8fe8-bb26-4333-9834-32acede26406","available_quantity":3,"options":[{"name":"color","value":"1UP Mushroom"}],"off_ratio":0,"flashsale_info":[],"sales":2};
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.
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.
Sku : 4907437809182
Weight : 0.4kg
${function(){
const variantData = data.variant || {"id":"815f8fe8-bb26-4333-9834-32acede26406","product_id":"0bceb27d-eb34-42f4-8fd9-9f4ee7f4f37d","title":"1UP Mushroom","weight_unit":"kg","inventory_quantity":3,"sku":"4907437809182","barcode":"","position":3,"option1":"1UP Mushroom","option2":"","option3":"","note":"","image":{"src":"\/\/img.staticdj.com\/f3a4fd7d9d57c2ead1fd99254a47bac3.jpg","path":"f3a4fd7d9d57c2ead1fd99254a47bac3.jpg","width":800,"height":800,"alt":"","aspect_ratio":1},"wholesale_price":[{"price":21.99,"min_quantity":1}],"weight":"0.4","compare_at_price":"0","price":"21.99","retail_price":"0","available":true,"url":"\/products\/super-mario-character-light-goomba-1up-mushroom-fireflower-shy-guy-super-mushroom?variant=815f8fe8-bb26-4333-9834-32acede26406","available_quantity":3,"options":[{"name":"color","value":"1UP Mushroom"}],"off_ratio":0,"flashsale_info":[],"sales":2};
return `
Sku : ${variantData && variantData.sku}
Weight : ${variantData && variantData.weight}${variantData && variantData.weight_unit}
Barcode : ${variantData && variantData.barcode}
`
}()}
![](data:image/svg+xml;charset=utf-8,<svg height="1500px" width="1500px" xmlns="http://www.w3.org/2000/svg" version="1.1"/>)