Retro Fabric Lampshade
${function() {
const variantData = data.variant || {"id":"ce627cb6-faef-44c7-88dc-1e51c476c266","product_id":"c51f742f-0697-4a7f-9966-d14a9e27ae8c","title":"Fabric","weight_unit":"kg","inventory_quantity":0,"sku":"EM-Fabric-A00334016","barcode":"","position":1,"option1":"Fabric","option2":"","option3":"","note":"","image":{"src":"\/\/img.staticdj.com\/c0d70ad6bda29a014009f7187e0ac487.jpg","path":"c0d70ad6bda29a014009f7187e0ac487.jpg","width":1000,"height":1000,"alt":"Retro Fabric Lampshade","aspect_ratio":1},"wholesale_price":[{"price":29,"min_quantity":1}],"weight":"0","compare_at_price":"49","price":"29","retail_price":"49","available":true,"url":"\/products\/retro-fabric-lampshade?variant=ce627cb6-faef-44c7-88dc-1e51c476c266","available_quantity":999999999,"options":[{"name":"Style","value":"Fabric"}],"off_ratio":41,"flashsale_info":[],"sales":56};
const saveType = "percentage";
const productLabelDiscountOn = true;
const map = {
B: ` `,
C: ` `,
A: `
${saveType == 'percentage'
? `-${variantData.off_ratio}%`
: `- `
}
`
}
const price_group_arr = ["B","C","A"];
const price_str_arr = price_group_arr.map(type => map[type]);
return `
-
${price_str_arr.join('')}
`;
}()}
Style:
Fabric
${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}
`
}()}
ADD TO CART
Product was out of stock.
Product does not exist
${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 `
${tipText}
`;
}()}