| S | Product Details:Product ID: Gender: For Women Style: Casual Fit Type: Loose Dress Length: Midi dress Sleeves Length: Long Sleeve Collar: V-Collar Material: Cotton Material Stretch: No Stretch Pocket :Side poctket Weight: 0.300kg Package: 1 x Dress Size Guide For Women| Size | UK | US | EUR | Length | Chest | Waist | Hip |
|---|
| S | 8~10 | 4~6 | 34~36 | 118 | 105 | 98 | 130 | | M | 12~14 | 8~10 | 38~40 | 119 | 118 | 105 | 132 | | L | 16 | 12 | 42~44 | 120 | 125 | 112 | 135 | | XL | 18 | 14 | 46 | 122 | 130 | 125 | 140 | | 2XL | 20 | 16~18 | 48 | 125 | 135 | 130 | 142 | | 3XL | 26 | 20~22 | 50~52 | 126 | 142 | 138 | 152 |
${function(){
console.log('quick-shop-render',data);
const productData = data.product;
let product_change_event = '',
mouse_over_event = ' ';
mouse_out_event = '';
const product_options = productData.options.filter(Boolean) || [];
const selectedVariant = productData.variants.find(v => v.available) || productData.variants[0];
const statusLan = ((selectedVariant && !selectedVariant.available) || (!selectedVariant && !productData.available)) ?
"Sold out" :
"Add to cart";
return `
`
}()}
${function(){
const currentSelectVariant = data.variant;
const defaultVariant = (data.product && data.product.variants && data.product.variants[0]);
const variantData = currentSelectVariant || defaultVariant || data;
const retail_price = variantData.retail_price || 0;
return `
`
}()}
${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":"2aa2dec1-28a1-4d17-a80a-0693f563404e","product_id":"c6bf70f1-a675-4aaa-8975-7186d946a905","title":"Blue-XL","weight_unit":"kg","inventory_quantity":1000,"sku":"253-260202-07-RS74UJGQS3-Blue-XL","barcode":"","position":2,"option1":"Blue","option2":"XL","option3":"","note":"","image":{"src":"\/\/img.staticdj.com\/2e32690c24edad27c35938c7502c4077.png","path":"2e32690c24edad27c35938c7502c4077.png","width":864,"height":1152,"alt":"","aspect_ratio":0.75},"wholesale_price":[{"price":36.99,"min_quantity":1}],"weight":"0","compare_at_price":"0","price":"36.99","retail_price":"0","available":true,"url":"\/products\/minimalist-button-up-v-neck-denim-dress1c772df9-8f64-4134-935b-5bbb245cade0?variant=2aa2dec1-28a1-4d17-a80a-0693f563404e","available_quantity":999999999,"options":[{"name":"color","value":"Blue"},{"name":"size","value":"XL"}],"off_ratio":"0","flashsale_info":{"variant_id":"2aa2dec1-28a1-4d17-a80a-0693f563404e","product_id":"","quantity":0,"discount_id":"","limit_time":0,"limit_buy":0,"user_limit_buy":0,"discount_sales":0,"discount_sales_rate":"","discount_stock":0,"ends_at":0,"starts_at":0,"allow_oversold":"","allocation_method":"","price":"36.99","compare_at_price":"","discount_price":"36.99","customary_saved_price":"","customary_off_ratio":"","discount_saved_price":"","discount_off_ratio":"0","use_before_price":false,"before_price":"","title":"","properties":"","color_setting_promotional_copy":"","discount_quantity":0,"is_need_split":false},"sales":0};
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 ? ` ` : '';
}
}()}
${function(){
const optionName = option.name || '';
const optionId = option.id || '';
let isThumbImage = !!option.showThumbImage;
const thumbStyle = "image_with_text";
const variantType = "button";
const isSelected = (value) => {
const selected = (data.selectedOptions || []).find(v => v.name === optionName);
return selected && selected.value.length && selected.value[0] == value;
};
const getThumbImage = (value) => {
const options = data.product.options || [];
const option = options.find(o => o.name === optionName);
if (option.thumbImages) {
const thumbImage = option.thumbImages.find(t => t.value === value);
if (thumbImage && thumbImage.image) {
return {
src: thumbImage.image.src,
alt: thumbImage.image.alt
};
}
}
return {src: '', alt: ''};
};
return `
`
}()}
${data.value}
|