${(function(){ const get_random_six_digits = () => { return Math.random().toString().slice(-6) }; const wholesale_enabled = false; const setting_product_image_display = "133.33%"; const product_image = data.image; const secondary_image = data.secondImage; const image_width = product_image.width; let image_height = product_image.height; if(setting_product_image_display == '100%'){ image_height = image_width }else if(setting_product_image_display == '133.33%'){ image_height = image_width * 1.3333; }; const product_image_hover_on = true && !!secondary_image.src; const has_save_label = true && ((+data.compare_at_price) > (+data.price)); const is_single_variant = data.variants.length == 1; const min_price_variant_href = (data.min_price_variant && data.min_price_variant.available) ? data.min_price_variant.withinUrl : data.withinUrl; const retail_price_max = data.retail_price_max || data.compare_at_price_max; const THUMBNAILS_MAX_SIZE = 3; const thumbnails = data.thumbVariants.slice(0, THUMBNAILS_MAX_SIZE); const image_wrap_id = 'image_wrap_' + get_random_six_digits(); const image_carousel_id = 'image_carousel_' + get_random_six_digits(); const thumbnails_selector_id = 'thumbnails_selector_' + get_random_six_digits(); const form_id = 'form_' + get_random_six_digits(); const mixed_wholesale = data.mixed_wholesale; return `
${ data.available ? `${ (+data.compare_at_price > +data.price) ? `Save
` : '' }` : "Sold out" }
Mixed Lot
${data.title}
${ data.price_min != data.price_max ? `From
` : `
` }
+${data.remainInvisibleThumbCount}
` })()}
BUY 2 GET 10% OFF！CODE:NEW ✈FREE SHIPPING OVER $99.00
BUY 2 GET 10% OFF！CODE:NEW ✈FREE SHIPPING OVER $99.00
Search
Log in
Create an account
${data.data && data.data.count}
NEW IN
New In Dresses
New In Tops
View All
🔥BEST SELLER
💃DRESSES
View All
New In
Best Sale
Shop By Category
Midi Dress
Two Piece Dress
Sleeveless Dress
Long Sleeve Dress
Chiffon Skirts
Shop By Preference
🌸Floral Dress
🦋Butterfly Dress
💃Party Dress
🏄♀️Vacation Dress
🌈Rainbow Dress
✨Stripe Dress
❤️Heart Light Dress
COTTON
TOPS
View All
New In
Best Seller
Shop By Category
T-shirts
Tank Tops
Sweatshirts
Sweaters
Two Piece Sets
Casual tops
Outerwear
Shop By Type
✨Funny Words
🐱Animals
💚Mental Health Awareness
🌈Rainbow
COUNTRY MUSIC
Iris Apfel
LOVE IS LOVE
Women's Pride
Men's Pride
BOTTOMS
Skirts
Pants
MEN'S
ACCESSORIES
More links
${(function(){ const formatLinks = (links) => { return links.map(link => { link.tag = tags[link.title.toUpperCase()] || {}; link.target_attr = link.target == '_blank' ? 'target="_blank"' : ''; link.href_attr = link.url ? `href="${link.url}"` : ''; if(link.children && link.children.length){ link.children = formatLinks(link.children); } return link; }) }; const tags = "{}"; let linkList = [ { id: 60923809, title: "NEW IN", url: "\/collections\/new-in", target: "", levels: 1, product0: null || {}, children: [ { title: "New In Dresses", url: "\/collections\/new-in-dress", target: "", levels: 0, children: [ ] }, { title: "New In Tops", url: "\/collections\/new-in-womens-tops", target: "", levels: 0, children: [ ] }, { title: "View All", url: "\/collections\/new-in", target: "", levels: 0, children: [ ] }, ] }, { id: 60923817, title: "\ud83d\udd25BEST SELLER", url: "\/collections\/best-seller", target: "", levels: 0, product0: null || {}, children: [ ] }, { id: 60923819, title: "\ud83d\udc83DRESSES", url: "\/collections\/dresses", target: "", levels: 2, product0: null || {}, children: [ { title: "View All", url: "\/collections\/dresses", target: "", levels: 1, children: [ { title: "New In", url: "\/collections\/new-in-dress", target: "", levels: 0, }, { title: "Best Sale", url: "\/collections\/dress-hot-sale", target: "", levels: 0, }, ] }, { title: "Shop By Category", url: "\/collections\/dresses", target: "", levels: 1, children: [ { title: "Midi Dress", url: "\/collections\/midi-dresses", target: "", levels: 0, }, { title: "Two Piece Dress", url: "\/collections\/two-piece-dress", target: "", levels: 0, }, { title: "Sleeveless Dress", url: "\/collections\/sleeveless-dress", target: "", levels: 0, }, { title: "Long Sleeve Dress", url: "\/collections\/long-sleeve-dresses", target: "", levels: 0, }, { title: "Chiffon Skirts", url: "\/collections\/elegant-chiffon-cake-skirts", target: "", levels: 0, }, ] }, { title: "Shop By Preference", url: "\/collections\/dresses", target: "", levels: 1, children: [ { title: "\ud83c\udf38Floral Dress", url: "\/collections\/floral-dresses", target: "", levels: 0, }, { title: "\ud83e\udd8bButterfly Dress", url: "\/collections\/butterfly-dress", target: "", levels: 0, }, { title: "\ud83d\udc83Party Dress", url: "\/collections\/party-dresses", target: "", levels: 0, }, { title: "\ud83c\udfc4\u200d\u2640\ufe0fVacation Dress", url: "\/collections\/vacation-dress", target: "", levels: 0, }, { title: "\ud83c\udf08Rainbow Dress", url: "\/collections\/rainbow-dress-hot-sale", target: "", levels: 0, }, { title: "\u2728Stripe Dress", url: "\/collections\/stripe-dress", target: "", levels: 0, }, { title: "\u2764\ufe0fHeart Light Dress", url: "\/collections\/heart-light-dress", target: "", levels: 0, }, ] }, ] }, { id: 60923855, title: "COTTON", url: "\/collections\/cotton", target: "", levels: 0, product0: null || {}, children: [ ] }, { id: 60923857, title: "TOPS", url: "\/collections\/tops", target: "", levels: 2, product0: null || {}, children: [ { title: "View All", url: "\/collections\/tops", target: "", levels: 1, children: [ { title: "New In", url: "\/collections\/new-in-womens-tops", target: "", levels: 0, }, { title: "Best Seller", url: "\/collections\/tops", target: "", levels: 0, }, ] }, { title: "Shop By Category", url: "\/collections\/tops", target: "", levels: 1, children: [ { title: "T-shirts", url: "\/collections\/t-shirts", target: "", levels: 0, }, { title: "Tank Tops", url: "\/collections\/tank-tops", target: "", levels: 0, }, { title: "Sweatshirts", url: "\/collections\/sweatshirts", target: "", levels: 0, }, { title: "Sweaters ", url: "\/collections\/knit-sweaters", target: "", levels: 0, }, { title: "Two Piece Sets", url: "\/collections\/two-piece-sets", target: "", levels: 0, }, { title: "Casual tops", url: "\/collections\/casual-top", target: "", levels: 0, }, { title: "Outerwear", url: "\/collections\/outerwear", target: "", levels: 0, }, ] }, { title: "Shop By Type", url: "\/collections\/t-shirts", target: "", levels: 1, children: [ { title: "\u2728Funny Words", url: "\/collections\/funny-letter", target: "", levels: 0, }, { title: "\ud83d\udc31Animals", url: "\/collections\/animals", target: "", levels: 0, }, { title: "\ud83d\udc9aMental Health Awareness", url: "\/collections\/mental-health-awareness", target: "", levels: 0, }, { title: "\ud83c\udf08Rainbow", url: "\/collections\/\ud83c\udf08rainbow", target: "", levels: 0, }, ] }, ] }, { id: 60923891, title: "COUNTRY MUSIC", url: "\/collections\/dont-let-the-old-man-in", target: "", levels: 0, product0: null || {}, children: [ ] }, { id: 60923893, title: "Iris Apfel ", url: "\/collections\/iris-apfel", target: "", levels: 0, product0: null || {}, children: [ ] }, { id: 60923895, title: "LOVE IS LOVE", url: "\/collections\/love-is-love", target: "", levels: 1, product0: null || {}, children: [ { title: "Women's Pride", url: "\/collections\/women-pride", target: "", levels: 0, children: [ ] }, { title: "Men's Pride", url: "\/collections\/mens-pride", target: "", levels: 0, children: [ ] }, ] }, { id: 60923901, title: "BOTTOMS", url: "\/collections\/bottoms", target: "", levels: 1, product0: null || {}, children: [ { title: "Skirts", url: "\/collections\/skirt", target: "", levels: 0, children: [ ] }, { title: "Pants", url: "\/collections\/pants", target: "", levels: 0, children: [ ] }, ] }, { id: 60923907, title: "MEN'S", url: "\/collections\/mens", target: "", levels: 0, product0: null || {}, children: [ ] }, { id: 60923909, title: "ACCESSORIES", url: "\/collections\/accessories", target: "", levels: 0, product0: null || {}, children: [ ] }, ].slice(offset); linkList = formatLinks(linkList); const hasChild = linkList.some(link => !!(link.children && link.children.length || link.product0.id)); return `
${link.title}
${link.tag.label}
${second_link.title}
${second_link.tag.label}
${third_links.title}
${third_links.tag.label}
${link.title}
${link.tag.label}
` })()}
NEW IN
New In Dresses
New In Tops
View All
🔥BEST SELLER
💃DRESSES
View All
New In
Best Sale
Shop By Category
Midi Dress
Two Piece Dress
Sleeveless Dress
Long Sleeve Dress
Chiffon Skirts
Shop By Preference
🌸Floral Dress
🦋Butterfly Dress
💃Party Dress
🏄♀️Vacation Dress
🌈Rainbow Dress
✨Stripe Dress
❤️Heart Light Dress
COTTON
TOPS
View All
New In
Best Seller
Shop By Category
T-shirts
Tank Tops
Sweatshirts
Sweaters
Two Piece Sets
Casual tops
Outerwear
Shop By Type
✨Funny Words
🐱Animals
💚Mental Health Awareness
🌈Rainbow
COUNTRY MUSIC
Iris Apfel
LOVE IS LOVE
Women's Pride
Men's Pride
BOTTOMS
Skirts
Pants
MEN'S
ACCESSORIES
More links
${(function(){ const formatLinks = (links) => { return links.map(link => { link.tag = tags[link.title.toUpperCase()] || {}; link.target_attr = link.target == '_blank' ? 'target="_blank"' : ''; link.href_attr = link.url ? `href="${link.url}"` : ''; if(link.children && link.children.length){ link.children = formatLinks(link.children); } return link; }) }; const tags = "{}"; let linkList = [ { id: 60923809, title: "NEW IN", url: "\/collections\/new-in", target: "", levels: 1, product0: null || {}, children: [ { title: "New In Dresses", url: "\/collections\/new-in-dress", target: "", levels: 0, children: [ ] }, { title: "New In Tops", url: "\/collections\/new-in-womens-tops", target: "", levels: 0, children: [ ] }, { title: "View All", url: "\/collections\/new-in", target: "", levels: 0, children: [ ] }, ] }, { id: 60923817, title: "\ud83d\udd25BEST SELLER", url: "\/collections\/best-seller", target: "", levels: 0, product0: null || {}, children: [ ] }, { id: 60923819, title: "\ud83d\udc83DRESSES", url: "\/collections\/dresses", target: "", levels: 2, product0: null || {}, children: [ { title: "View All", url: "\/collections\/dresses", target: "", levels: 1, children: [ { title: "New In", url: "\/collections\/new-in-dress", target: "", levels: 0, }, { title: "Best Sale", url: "\/collections\/dress-hot-sale", target: "", levels: 0, }, ] }, { title: "Shop By Category", url: "\/collections\/dresses", target: "", levels: 1, children: [ { title: "Midi Dress", url: "\/collections\/midi-dresses", target: "", levels: 0, }, { title: "Two Piece Dress", url: "\/collections\/two-piece-dress", target: "", levels: 0, }, { title: "Sleeveless Dress", url: "\/collections\/sleeveless-dress", target: "", levels: 0, }, { title: "Long Sleeve Dress", url: "\/collections\/long-sleeve-dresses", target: "", levels: 0, }, { title: "Chiffon Skirts", url: "\/collections\/elegant-chiffon-cake-skirts", target: "", levels: 0, }, ] }, { title: "Shop By Preference", url: "\/collections\/dresses", target: "", levels: 1, children: [ { title: "\ud83c\udf38Floral Dress", url: "\/collections\/floral-dresses", target: "", levels: 0, }, { title: "\ud83e\udd8bButterfly Dress", url: "\/collections\/butterfly-dress", target: "", levels: 0, }, { title: "\ud83d\udc83Party Dress", url: "\/collections\/party-dresses", target: "", levels: 0, }, { title: "\ud83c\udfc4\u200d\u2640\ufe0fVacation Dress", url: "\/collections\/vacation-dress", target: "", levels: 0, }, { title: "\ud83c\udf08Rainbow Dress", url: "\/collections\/rainbow-dress-hot-sale", target: "", levels: 0, }, { title: "\u2728Stripe Dress", url: "\/collections\/stripe-dress", target: "", levels: 0, }, { title: "\u2764\ufe0fHeart Light Dress", url: "\/collections\/heart-light-dress", target: "", levels: 0, }, ] }, ] }, { id: 60923855, title: "COTTON", url: "\/collections\/cotton", target: "", levels: 0, product0: null || {}, children: [ ] }, { id: 60923857, title: "TOPS", url: "\/collections\/tops", target: "", levels: 2, product0: null || {}, children: [ { title: "View All", url: "\/collections\/tops", target: "", levels: 1, children: [ { title: "New In", url: "\/collections\/new-in-womens-tops", target: "", levels: 0, }, { title: "Best Seller", url: "\/collections\/tops", target: "", levels: 0, }, ] }, { title: "Shop By Category", url: "\/collections\/tops", target: "", levels: 1, children: [ { title: "T-shirts", url: "\/collections\/t-shirts", target: "", levels: 0, }, { title: "Tank Tops", url: "\/collections\/tank-tops", target: "", levels: 0, }, { title: "Sweatshirts", url: "\/collections\/sweatshirts", target: "", levels: 0, }, { title: "Sweaters ", url: "\/collections\/knit-sweaters", target: "", levels: 0, }, { title: "Two Piece Sets", url: "\/collections\/two-piece-sets", target: "", levels: 0, }, { title: "Casual tops", url: "\/collections\/casual-top", target: "", levels: 0, }, { title: "Outerwear", url: "\/collections\/outerwear", target: "", levels: 0, }, ] }, { title: "Shop By Type", url: "\/collections\/t-shirts", target: "", levels: 1, children: [ { title: "\u2728Funny Words", url: "\/collections\/funny-letter", target: "", levels: 0, }, { title: "\ud83d\udc31Animals", url: "\/collections\/animals", target: "", levels: 0, }, { title: "\ud83d\udc9aMental Health Awareness", url: "\/collections\/mental-health-awareness", target: "", levels: 0, }, { title: "\ud83c\udf08Rainbow", url: "\/collections\/\ud83c\udf08rainbow", target: "", levels: 0, }, ] }, ] }, { id: 60923891, title: "COUNTRY MUSIC", url: "\/collections\/dont-let-the-old-man-in", target: "", levels: 0, product0: null || {}, children: [ ] }, { id: 60923893, title: "Iris Apfel ", url: "\/collections\/iris-apfel", target: "", levels: 0, product0: null || {}, children: [ ] }, { id: 60923895, title: "LOVE IS LOVE", url: "\/collections\/love-is-love", target: "", levels: 1, product0: null || {}, children: [ { title: "Women's Pride", url: "\/collections\/women-pride", target: "", levels: 0, children: [ ] }, { title: "Men's Pride", url: "\/collections\/mens-pride", target: "", levels: 0, children: [ ] }, ] }, { id: 60923901, title: "BOTTOMS", url: "\/collections\/bottoms", target: "", levels: 1, product0: null || {}, children: [ { title: "Skirts", url: "\/collections\/skirt", target: "", levels: 0, children: [ ] }, { title: "Pants", url: "\/collections\/pants", target: "", levels: 0, children: [ ] }, ] }, { id: 60923907, title: "MEN'S", url: "\/collections\/mens", target: "", levels: 0, product0: null || {}, children: [ ] }, { id: 60923909, title: "ACCESSORIES", url: "\/collections\/accessories", target: "", levels: 0, product0: null || {}, children: [ ] }, ].slice(offset); linkList = formatLinks(linkList); const hasChild = linkList.some(link => !!(link.children && link.children.length || link.product0.id)); return `
${link.title}
${link.tag.label}
${second_link.title}
${second_link.tag.label}
${third_links.title}
${third_links.tag.label}
${link.title}
${link.tag.label}
` })()}
Log in
Create an account
${data.data && data.data.count}
Search
❤️NEW IN
New In Dresses
New In Tops
View All
🔥BEST SELLER
👗DRESSES
💃Best Sale
👗View All
🔥Elegant Chiffon Skirts
🌸Floral Dress
🦋Butterfly Dress
🍷Party Dress
🏄♀️Vacation Dress
🌈Rainbow Dress
✨Stripe Dress
❤️Heart Light Dress
👗Midi Dress
💃Two Piece Dress
👗Sleeveless Dress
💃Long Sleeve Dress
COTTON
👚TOPS
View All
T-shirts
Tank Tops
SWEATSHIRTS
SWEATERS
Two Piece Sets
Casual tops
Outerwear
Country Music
Iris Apfel
✨Funny Words
🐱Animals
🌈Rainbow
💚Mental Health Awareness
❤️LOVE IS LOVE
👨MEN
🌟ACCESSORIES
${(function(){ if (data === undefined || typeof data !== 'string' || data == '') return '
'; const keyword = encodeURIComponent(data); return `
View more
Your search for '${data}' did not yield any results.
` })()}
(function(){ let w = window.innerWidth; function setHeaderCssVar() { const headerEle = document.getElementById('shoplaza-section-header'); if(!headerEle){ return }; document.body.style.setProperty('--window-height', `${window.innerHeight}px`); document.body.style.setProperty('--header-height', `${headerEle.clientHeight}px`); const mdScorllHideEle = headerEle.querySelector('.header__mobile .header__scroll_hide'); if (mdScorllHideEle) { document.body.style.setProperty('--header-scroll-hide-height-md', `${mdScorllHideEle.clientHeight}px`); } const pcScorllHideEle = headerEle.querySelector('.header__desktop .header__scroll_hide'); if (pcScorllHideEle) { document.body.style.setProperty('--header-scroll-hide-height-pc', `${pcScorllHideEle.clientHeight}px`); } } function handlResize() { if(w == window.innerWidth){return}; w = window.innerWidth; setHeaderCssVar(); }; function init(){ setHeaderCssVar(); window.removeEventListener('resize', window._theme_header_listener) window._theme_header_listener = handlResize; window.addEventListener('resize', window._theme_header_listener); } init(); })();
Midi Dresses
789 Products
${function(){ const product_total = data.total if(product_total <= 1){ return `${product_total} Product` } return `${product_total} Products` }()}
Filter
Sort by
Recommend
Price, low to high
Price, high to low
Newest in
Total sales, high to low
Purchases, high to low
Pageviews, high to low
Sort
Sort by
Recommend
Price, low to high
Price, high to low
Newest in
Total sales, high to low
Purchases, high to low
Pageviews, high to low
Sort
Women's Artistic Rainbow Gradient Dress Two Piece Dress
$29.99
Women's Rainbow Gradient Sleeveless Maxi Dress
$24.99
Retro Rainbow Stripe Print Casual Dress
$29.99
Women's Gradient Art Dress Maxi Dress
$29.99
Women's Gradient Art Dress Maxi Dress
$29.99
Women's Casual Flower Art Print Maxi Dress
$29.99
Women's Artistic Goldfish Tail Printed Two Piece Dress
$32.99
Women's Decoration Rhinestone Sequins Design Maxi Dress
$29.99
Women's Artistic Flame Butterfly Maxi Dress
$29.99
Women's Summer Gradient Art Design Maxi Dress
$27.88
Women's Fashion Dress
$26.99
Women's Color Imitation Texture Layered Design Design Maxi Dress
$29.99
Women's Tie Dye Art Two Piece Dress
$32.88
Women's Summer Polka Dot Gradient Maxi Dress
$25.88
Women's Flowy Dress
$27.98
Women's Purple Gradient Art Flowy Maxi Dress
$29.99
Women's Butterfly Print Casual Print Two Piece Dress
$36.99
Women's Flower Design Maxi Dress
$29.99
Women's Feather Art Design Maxi Dress
$28.00
Women's Rainbow Stripe Art Pocket Design Maxi Dress
$34.99
Women's Summer Peacock Feather Gradient Art Two Piece Dress
$31.99
Women's Art Print Two-Piece Dress
$36.99
Women's Gradient Mermaid Art Maxi Dress
$35.00
Women's Flower Butterfly Two Piece Dress
$40.88
Women's Summer Peacock Art Maxi Dress
$27.99
Women's Vintage Rainbow Dress
$29.99
Women's Vintage Floral Print Casual Maxi Dress
$28.99
Women's Blue Tie Dye Gradient Sleeveless Dress
$29.88
Women's Summer Gradient Art Design Two Piece Dress
$41.00
Women's Vintage Flower Print Dress
$29.99
Women's Feather Artistic Design Maxi Dress
$24.99
Women's Glitter Note Art Design Dress Dress Two Piece Dress
$36.00
No products found
Use fewer filters or
clear all
Recently Viewed
View Cart
${function(){ const productData = data.product; let product_change_event = '', mouse_over_event = ' '; mouse_out_event = ''; const product_options = productData.options.filter(Boolean) || []; for (let opt of product_options) { product_change_event = product_change_event + `quick-shop-selected-variant-${opt.name}.rerender(data=event.selectedValues.${opt.name});`; mouse_out_event = mouse_out_event + `quick-shop-selected-variant-${opt.name}.rerender(data=event.selectData.${opt.name});`; mouse_over_event = mouse_over_event + `@${opt.name}Mouseover="quick-shop-selected-variant-${opt.name}.rerender(data=event);"`; } 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 `
${statusLan}
` }()}
${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 `
Retail
` }()}
${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 = null; 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() { let variantImageShowed = false; const currentProduct = data.product; return (currentProduct.options || []).map((option, index) => { const optionName = option.name || ''; const position = `option${index + 1}`; let isThumbImage = false; if (currentProduct.need_variant_image && !variantImageShowed) { const variantNames = ["color"] || []; for (let i = 0, len = variantNames.length; i < len; i++) { const name = variantNames[i].toLowerCase(); if (name === optionName.toLowerCase()) { isThumbImage = true; variantImageShowed = true; } } } const variantType = "button"; const thumbStyle = "image_with_text"; return `
${optionName}:
${option.values.map((value, idx) => { const selected = data.selectedValues[optionName] == value ? 'checked' : ''; let thumbImage = null; if (isThumbImage) { const variants = currentProduct.variants; for (let i = 0, len = variants.length; i < len; i++) { const variant = variants[i]; if (variant[position] == value && thumbImage == null) { thumbImage = variant.image; break; } } } return `
${value}
` }).join('')}
${optionName}
${option.values.map(value => { const selected = data.selectedValues[optionName] == value ? 'selected' : ''; return `
${value}
` }).join('')}
` }).join(''); }()}
${data.originData && data.originData.value || data.value}
View Cart
${function(){ const productData = data.product; let product_change_event = '', mouse_over_event = ' '; mouse_out_event = ''; const product_options = productData.options.filter(Boolean) || []; for (let opt of product_options) { product_change_event = product_change_event + `quick-shop-selected-variant-${opt.name}.rerender(data=event.selectedValues.${opt.name});`; mouse_out_event = mouse_out_event + `quick-shop-selected-variant-${opt.name}.rerender(data=event.selectData.${opt.name});`; mouse_over_event = mouse_over_event + `@${opt.name}Mouseover="quick-shop-selected-variant-${opt.name}.rerender(data=event);"`; } 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 `
${statusLan}
` }()}
${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 `
Retail
` }()}
${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 = null; 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() { let variantImageShowed = false; const currentProduct = data.product; return (currentProduct.options || []).map((option, index) => { const optionName = option.name || ''; const position = `option${index + 1}`; let isThumbImage = false; if (currentProduct.need_variant_image && !variantImageShowed) { const variantNames = ["color"] || []; for (let i = 0, len = variantNames.length; i < len; i++) { const name = variantNames[i].toLowerCase(); if (name === optionName.toLowerCase()) { isThumbImage = true; variantImageShowed = true; } } } const variantType = "button"; const thumbStyle = "image_with_text"; return `
${optionName}:
${option.values.map((value, idx) => { const selected = data.selectedValues[optionName] == value ? 'checked' : ''; let thumbImage = null; if (isThumbImage) { const variants = currentProduct.variants; for (let i = 0, len = variants.length; i < len; i++) { const variant = variants[i]; if (variant[position] == value && thumbImage == null) { thumbImage = variant.image; break; } } } return `
${value}
` }).join('')}
${optionName}
${option.values.map(value => { const selected = data.selectedValues[optionName] == value ? 'selected' : ''; return `
${value}
` }).join('')}
` }).join(''); }()}
${data.originData && data.originData.value || data.value}
