${function() {
const variantData = data.variant || {"id":"c5373c64-9af8-45c1-915d-103ee31e8c42","product_id":"0f8aa45d-19df-4585-b225-ffcc02e2022a","title":"Hot Pink-CN","weight_unit":"lb","inventory_quantity":100,"sku":"76715931-hot-pink-cn","barcode":"","position":1,"option1":"Hot Pink","option2":"CN","option3":"","note":"","image":{"src":"\/\/img.staticdj.com\/582eed78bd4b7562a57ebb25500b9a1c.jpeg","path":"582eed78bd4b7562a57ebb25500b9a1c.jpeg","width":800,"height":800,"alt":"","aspect_ratio":1},"wholesale_price":[{"price":38.99,"min_quantity":1}],"weight":"0","compare_at_price":"38.99","price":"38.99","retail_price":"38.99","available":true,"url":"\/products\/kylethomasw-large-capacity-canvas-black-backpack-light-simple-travel-bag-canvas-backpack-student-school-bag-canvas-student-zipper-backpack?variant=c5373c64-9af8-45c1-915d-103ee31e8c42","available_quantity":100,"options":[{"name":"Color","value":"Hot Pink"},{"name":"Ships From","value":"CN"}],"off_ratio":0,"flashsale_info":[],"sales":0};
const saveType = "percentage";
const saveText = "Save {{saved_amount}}";
const productLabelDiscountOn = true;
return `
-
${saveText.replace('\{\{saved_amount\}\}',
saveType == 'percentage'
? variantData.off_ratio + '%'
: ``
)}
`;
}()}
${function(){
const tipText = "Please select a {{ name }}".replace(/\{\{\s+name\s+\}\}/g, data);
return `${tipText}
`
}()}
${function(){
const tipText = "Please select a {{ name }}".replace(/\{\{\s+name\s+\}\}/g, data);
return `${tipText}
`
}()}
Product was out of stock.
Product is unavailable.
Free shipping on orders over 35 !
30-day Return guarantee, 100% money-back guarantee
7*24h Service at: support@kylethomasw.com
${function() {
const minDays = parseInt('7');
const maxDays = parseInt('12');
const customText = "Estimated Delivery\uff1a{min_date} - {max_date}";
const minDate = new Date(Date.now() + (minDays * 86400000));
const maxDate = new Date(Date.now() + (maxDays * 86400000));
const formatDate = (minDate.getFullYear() == maxDate.getFullYear() && minDate.getFullYear() == new Date().getFullYear())
? new Intl.DateTimeFormat('en', { month: 'short', day: '2-digit' })
: new Intl.DateTimeFormat('en', { month: 'short', day: '2-digit', year: 'numeric' });
const tipText = customText.replace(/\{min_date\}/g, '' + formatDate.format(minDate) + '')
.replace(/\{max_date\}/g, '' + formatDate.format(maxDate) + '');
return `
`;
}()}
people are viewing this right now
${function() {
const postageFreeAmount = 35;
const custom_text = "Buy {amount} more to enjoy FREE Shipping";
const totalPrice = +data.total_price;
const diffPrice = postageFreeAmount - totalPrice;
const percentDiff = (diffPrice > 0 ? (totalPrice / postageFreeAmount * 100) : 100) + '%';
let tipText = "Your order is free delivery";
if (diffPrice > 0) {
tipText = custom_text.replace('{amount}', `
`);
}
return `
`;
}()}