${(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 1 GET 2ND 10% OFF! BUY 5 GET 6TH FREE ✈FREE SHIPPING OVER $89.00
BUY 1 GET 2ND 10% OFF! BUY 5 GET 6TH FREE ✈FREE SHIPPING OVER $89.00
Search
Log in
Create an account
${data.data && data.data.count}
NEW IN
🔥BEST SELLER
🍃SS2026
💙DENIM
👗DRESSES
Long Sleeve Dresses
Short Sleeve Dresses
Pocket Cotton Dresses
Sleeveless Dresses
SKIRTS
👖BOTTOMS
SOLID COLOR
TOPS
Shirts
T-Shirts
Long Sleeves
Sweaters
Cardigan
SHIRTS
3/4 Sleeve Shirts
1/2 Sleeve Shirts
Short Sleeve Shirts
Long Sleeve Shirts
Ruffle Shirts
V-neck Shirts
Crew Neck Shirts
Peter Pan shirts
SWEATERS
Turtleneck
3/4 Sleeve Sweaters
Cardigan Sweater
CARDIGAN
SET
JUMPSUITS
ACCESSORIES
MEN'S
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: 79879193, title: "NEW IN", url: "\/collections\/new-in", target: "", levels: 0, product0: { id: (null) }, children: [ ] }, { id: 79879195, title: "\ud83d\udd25BEST SELLER", url: "\/collections\/best-seller", target: "", levels: 0, product0: { id: (null) }, children: [ ] }, { id: 82624969, title: "\ud83c\udf43SS2026", url: "\/collections\/2026-spring-summer", target: "", levels: 0, product0: { id: (null) }, children: [ ] }, { id: 82743323, title: "\ud83d\udc99DENIM", url: "\/collections\/denim", target: "", levels: 0, product0: { id: (null) }, children: [ ] }, { id: 79879197, title: "\ud83d\udc57DRESSES", url: "\/collections\/dresses", target: "", levels: 1, product0: { id: (null) }, children: [ { title: "Long Sleeve Dresses", url: "\/collections\/long-sleeve-dresses", target: "", levels: 0, children: [ ] }, { title: "Short Sleeve Dresses", url: "\/collections\/short-sleeve-dress", target: "", levels: 0, children: [ ] }, { title: "Pocket Cotton Dresses", url: "\/collections\/pocket-cotton-dress", target: "", levels: 0, children: [ ] }, { title: "Sleeveless Dresses", url: "\/collections\/sleeveless-dress", target: "", levels: 0, children: [ ] }, { title: "SKIRTS", url: "\/collections\/skirt", target: "", levels: 0, children: [ ] }, ] }, { id: 79879259, title: "\ud83d\udc56BOTTOMS", url: "\/collections\/bottoms", target: "", levels: 0, product0: { id: (null) }, children: [ ] }, { id: 82064645, title: "SOLID COLOR", url: "\/collections\/hot-sale", target: "", levels: 0, product0: { id: (null) }, children: [ ] }, { id: 79879223, title: "TOPS", url: "\/collections\/tops-tu29", target: "", levels: 1, product0: { id: (null) }, children: [ { title: "Shirts", url: "\/collections\/shirts", target: "", levels: 0, children: [ ] }, { title: "T-Shirts", url: "\/collections\/crew-neck-t-shirts", target: "", levels: 0, children: [ ] }, { title: "Long Sleeves", url: "\/collections\/long-sleeves", target: "", levels: 0, children: [ ] }, { title: "Sweaters", url: "\/collections\/sweaters", target: "", levels: 0, children: [ ] }, { title: "Cardigan", url: "\/collections\/cardigan", target: "", levels: 0, children: [ ] }, ] }, { id: 79879235, title: "SHIRTS", url: "\/collections\/shirts", target: "", levels: 1, product0: { id: (null) }, children: [ { title: "3\/4 Sleeve Shirts", url: "\/collections\/3-4-sleeve-shirts", target: "", levels: 0, children: [ ] }, { title: "1\/2 Sleeve Shirts", url: "\/collections\/1-2-sleeve-shirts", target: "", levels: 0, children: [ ] }, { title: "Short Sleeve Shirts", url: "\/collections\/short-sleeve-shirts", target: "", levels: 0, children: [ ] }, { title: "Long Sleeve Shirts", url: "\/collections\/long-sleeve-shirts", target: "", levels: 0, children: [ ] }, { title: "Ruffle Shirts", url: "\/collections\/ruffle-shirts", target: "", levels: 0, children: [ ] }, { title: "V-neck Shirts", url: "\/collections\/v-neck-shirts", target: "", levels: 0, children: [ ] }, { title: "Crew Neck Shirts", url: "\/collections\/crew-neck-shirts", target: "", levels: 0, children: [ ] }, { title: "Peter Pan shirts", url: "\/collections\/peter-pan-shirts", target: "", levels: 0, children: [ ] }, ] }, { id: 81048829, title: "SWEATERS", url: "\/collections\/sweaters", target: "", levels: 1, product0: { id: (null) }, children: [ { title: "Turtleneck", url: "\/collections\/turtleneck", target: "", levels: 0, children: [ ] }, { title: "3\/4 Sleeve Sweaters", url: "\/collections\/3-4-sleeve-sweaters", target: "", levels: 0, children: [ ] }, { title: "Cardigan Sweater", url: "\/collections\/cardigan-sweater", target: "", levels: 0, children: [ ] }, { title: "CARDIGAN", url: "\/collections\/cardigan", target: "", levels: 0, children: [ ] }, ] }, { id: 79879255, title: "SET", url: "\/collections\/set", target: "", levels: 0, product0: { id: (null) }, children: [ ] }, { id: 79879257, title: "JUMPSUITS", url: "\/collections\/jumpsuit", target: "", levels: 0, product0: { id: (null) }, children: [ ] }, { id: 79879261, title: "ACCESSORIES", url: "\/collections\/accessories", target: "", levels: 0, product0: { id: (null) }, children: [ ] }, { id: 79879263, title: "MEN'S", url: "\/collections\/men", target: "", levels: 0, product0: { id: (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
🔥BEST SELLER
🍃SS2026
💙DENIM
👗DRESSES
Long Sleeve Dresses
Short Sleeve Dresses
Pocket Cotton Dresses
Sleeveless Dresses
SKIRTS
👖BOTTOMS
SOLID COLOR
TOPS
Shirts
T-Shirts
Long Sleeves
Sweaters
Cardigan
SHIRTS
3/4 Sleeve Shirts
1/2 Sleeve Shirts
Short Sleeve Shirts
Long Sleeve Shirts
Ruffle Shirts
V-neck Shirts
Crew Neck Shirts
Peter Pan shirts
SWEATERS
Turtleneck
3/4 Sleeve Sweaters
Cardigan Sweater
CARDIGAN
SET
JUMPSUITS
ACCESSORIES
MEN'S
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: 79879193, title: "NEW IN", url: "\/collections\/new-in", target: "", levels: 0, product0: { id: (null) }, children: [ ] }, { id: 79879195, title: "\ud83d\udd25BEST SELLER", url: "\/collections\/best-seller", target: "", levels: 0, product0: { id: (null) }, children: [ ] }, { id: 82624969, title: "\ud83c\udf43SS2026", url: "\/collections\/2026-spring-summer", target: "", levels: 0, product0: { id: (null) }, children: [ ] }, { id: 82743323, title: "\ud83d\udc99DENIM", url: "\/collections\/denim", target: "", levels: 0, product0: { id: (null) }, children: [ ] }, { id: 79879197, title: "\ud83d\udc57DRESSES", url: "\/collections\/dresses", target: "", levels: 1, product0: { id: (null) }, children: [ { title: "Long Sleeve Dresses", url: "\/collections\/long-sleeve-dresses", target: "", levels: 0, children: [ ] }, { title: "Short Sleeve Dresses", url: "\/collections\/short-sleeve-dress", target: "", levels: 0, children: [ ] }, { title: "Pocket Cotton Dresses", url: "\/collections\/pocket-cotton-dress", target: "", levels: 0, children: [ ] }, { title: "Sleeveless Dresses", url: "\/collections\/sleeveless-dress", target: "", levels: 0, children: [ ] }, { title: "SKIRTS", url: "\/collections\/skirt", target: "", levels: 0, children: [ ] }, ] }, { id: 79879259, title: "\ud83d\udc56BOTTOMS", url: "\/collections\/bottoms", target: "", levels: 0, product0: { id: (null) }, children: [ ] }, { id: 82064645, title: "SOLID COLOR", url: "\/collections\/hot-sale", target: "", levels: 0, product0: { id: (null) }, children: [ ] }, { id: 79879223, title: "TOPS", url: "\/collections\/tops-tu29", target: "", levels: 1, product0: { id: (null) }, children: [ { title: "Shirts", url: "\/collections\/shirts", target: "", levels: 0, children: [ ] }, { title: "T-Shirts", url: "\/collections\/crew-neck-t-shirts", target: "", levels: 0, children: [ ] }, { title: "Long Sleeves", url: "\/collections\/long-sleeves", target: "", levels: 0, children: [ ] }, { title: "Sweaters", url: "\/collections\/sweaters", target: "", levels: 0, children: [ ] }, { title: "Cardigan", url: "\/collections\/cardigan", target: "", levels: 0, children: [ ] }, ] }, { id: 79879235, title: "SHIRTS", url: "\/collections\/shirts", target: "", levels: 1, product0: { id: (null) }, children: [ { title: "3\/4 Sleeve Shirts", url: "\/collections\/3-4-sleeve-shirts", target: "", levels: 0, children: [ ] }, { title: "1\/2 Sleeve Shirts", url: "\/collections\/1-2-sleeve-shirts", target: "", levels: 0, children: [ ] }, { title: "Short Sleeve Shirts", url: "\/collections\/short-sleeve-shirts", target: "", levels: 0, children: [ ] }, { title: "Long Sleeve Shirts", url: "\/collections\/long-sleeve-shirts", target: "", levels: 0, children: [ ] }, { title: "Ruffle Shirts", url: "\/collections\/ruffle-shirts", target: "", levels: 0, children: [ ] }, { title: "V-neck Shirts", url: "\/collections\/v-neck-shirts", target: "", levels: 0, children: [ ] }, { title: "Crew Neck Shirts", url: "\/collections\/crew-neck-shirts", target: "", levels: 0, children: [ ] }, { title: "Peter Pan shirts", url: "\/collections\/peter-pan-shirts", target: "", levels: 0, children: [ ] }, ] }, { id: 81048829, title: "SWEATERS", url: "\/collections\/sweaters", target: "", levels: 1, product0: { id: (null) }, children: [ { title: "Turtleneck", url: "\/collections\/turtleneck", target: "", levels: 0, children: [ ] }, { title: "3\/4 Sleeve Sweaters", url: "\/collections\/3-4-sleeve-sweaters", target: "", levels: 0, children: [ ] }, { title: "Cardigan Sweater", url: "\/collections\/cardigan-sweater", target: "", levels: 0, children: [ ] }, { title: "CARDIGAN", url: "\/collections\/cardigan", target: "", levels: 0, children: [ ] }, ] }, { id: 79879255, title: "SET", url: "\/collections\/set", target: "", levels: 0, product0: { id: (null) }, children: [ ] }, { id: 79879257, title: "JUMPSUITS", url: "\/collections\/jumpsuit", target: "", levels: 0, product0: { id: (null) }, children: [ ] }, { id: 79879261, title: "ACCESSORIES", url: "\/collections\/accessories", target: "", levels: 0, product0: { id: (null) }, children: [ ] }, { id: 79879263, title: "MEN'S", url: "\/collections\/men", target: "", levels: 0, product0: { id: (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
${(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(){ if (data === undefined || typeof data !== 'string' || data == '') return '
'; const keyword = encodeURIComponent(data); return `
View more
Your search for '${data}' did not yield any results.
` })()}
NEW IN
🔥BEST SELLER
🍃SS2026
💙DENIM
👗DRESSES
👗DRESSES
Long Sleeve Dresses
Short Sleeve Dresses
Pocket Cotton Dresses
Sleeveless Dresses
SKIRTS
👖BOTTOMS
SOLID COLOR
TOPS
TOPS
Shirts
T-Shirts
Long Sleeves
Sweaters
Cardigan
SHIRTS
SHIRTS
3/4 Sleeve Shirts
1/2 Sleeve Shirts
Short Sleeve Shirts
Long Sleeve Shirts
Ruffle Shirts
V-neck Shirts
Crew Neck Shirts
Peter Pan shirts
SWEATERS
SWEATERS
Turtleneck
3/4 Sleeve Sweaters
Cardigan Sweater
CARDIGAN
SET
JUMPSUITS
ACCESSORIES
MEN'S
Log in
Create an account
(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(); })();
Pocket Cotton Dress
1348 Products
${function(){ const product_total = data.total if(product_total <= 1){ return `${product_total} Product` } return `${product_total} Products` }()}
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 Abstract Geometric Pattern Art Print Sleeveless Cotton Pocket Wrap Dress
from
$31.99
Women's Vintage Floral Art Print Pocket Cotton Dress
from
$39.99
Women's Abstract Geometric Pattern Art Print Sleeveless Cotton Pocket Wrap Dress
from
$42.99
Women's Vintage Floral Art Print Pocket V-neck Cotton Dress
from
$33.99
Women's Vintage Abstract Geometry Art Print Sleeveless Cotton Pocket Wrap Dress
$42.99
+4
Women's Abstract Geometric Pattern Art Print Sleeveless Cotton Pocket Wrap Dress
from
$42.99
Save
$13.00
Save
$13.00
Vintage Colorful Floral Print Pocket Half Sleeve Dress
$42.99
$55.99
Women's Solid Color Loose Elegant Casual Long-sleeved Pocket Dress
$18.99
Save
$13.00
Save
$13.00
Vintage Floral Print Crewneck Pocket Midi Dress
$42.99
$55.99
Women's Retro Hand Drawn Geometric Line Print Pocket Cotton Dress
$38.99
Save
$7.00
Save
$7.00
Women's Comfortable Linen Pocket Dress
from
$38.99
$45.99
+4
Women's Vintage Lovely Floral Art Print Pocket Cotton Dress
$42.99
Women's Round Neck Pocket Cotton and Linen Dress
$38.99
+7
Women's Tassel Pocket Linen Shirt Dress
$59.99
Women's Vintage Floral Art Print Pocket V-neck Cotton Dress
$53.99
Women's Vintage Floral Art Print Sleeveless Cotton Pocket Wrap Dress
$42.99
Women's Vintage Floral Pattern Art Print Sleeveless Cotton Pocket Wrap Dress
$42.99
+4
Women's Abstract Geometric Dot Pattern Art Print Sleeveless Cotton Pocket Wrap Dress
$42.99
Women's V-Neck Linen Pocket Dress
$49.99
Women's Vintage Lovely Floral Pattern Art Print Cotton Linen Pocket Tunic Dress
$48.99
Women's Vintage Abstract Geometric Art Print Sleeveless Cotton Pocket Wrap Dress
$42.99
+2
Women's Solid Color Casual Loose Elegant V-Neck Cotton And Linen Pocket Shirt Dress
$33.99
Women's Abstract Geometric Line Pattern Art Print Sleeveless Cotton Pocket Wrap Dress
$45.99
+2
Cotton And Linen Casual Short Sleeve Pocket Pleated Loose Round Neck Dress
$29.99
+5
Women's Solid Color Loose Elegant Casual V-neck Pocket Cotton And Linen Dress
$26.99
Save
$2.01
Save
$2.01
Vintage Ethnic Floral Print Round Neck Pocket Midi Dress
$42.99
$45.00
Women's Abstract Geometric Pattern Art Print Sleeveless Cotton Pocket Wrap Dress
$42.99
Spring Vines Pattern Printed Women's Pocket Cotton Dress
$38.99
Women's Abstract Geometric Pattern Art Print Sleeveless Cotton Pocket Wrap Dress
$42.99
Women's Adjustable Shoulder Strap Pocket Cotton and Linen Dress
$38.99
+6
Women's Vintage Floral Art Print Pocket V-neck Cotton Dress
$53.99
Women's Boho Vintage Art Print Pocket Cotton Dress
$39.99
Women's Solid Color V-Neck Linen Pocket Dress
$48.99
+2
Women's Abstract Pattern Art Print Sleeveless Cotton Pocket Wrap Dress
$45.99
Women's Abstract Geometric Pattern Art Print Cotton Linen Pocket Tunic Dress
$48.99
Women's Casual Linen Cotton Pleated Pocket Dress
$49.99
+3
Women's Vintage Abstract Geometric Art Print Sleeveless Cotton Pocket Wrap Dress
$45.99
Vintage Petite White Floral Pattern Printed Women's Pocket Cotton Dress
$38.99
Women's Rose Print Pocket Linen Dress(Convertible Dress With Front And Back Option)
$48.99
Women's Vintage Abstract Geometric Art Print Sleeveless Cotton Pocket Wrap Dress
$45.99
No products found
Use fewer filters or
clear all
Recently Viewed
Cart
Your shopping bag is empty
Continue shopping
${item.product_title}
${item.options.map(option => option.value).join('/')}
${propertie.name}/${propertie.isImage ? `
View image
` : propertie.value}
Free gift
Mixed Lot
*${item.quantity}
${item.item_text}
${discount_item.title}
(-
)
${(function(){ var total_price = data.total_price; var postageFreeAmount = 89; var freeAmount = postageFreeAmount - total_price; var isFreeShipping = freeAmount <= 0; var rate = Math.min(total_price / postageFreeAmount * 100, 100).toFixed(2); const textArray = ("Spend {{ amount }} more and get free shipping!").split(/\{\{\s*amount\s*\}\}/); const textArrayHtml = textArray.map((text, index) => { if (index == 0) { return `
${text}
`; } return `
${text}
`; }).join(''); return `
${textArrayHtml}
You've got free shipping
${rate}%
` })()}
Total:
${function() { const textArray = ("Save {{save_amount}}").split(/\{\{\s*save_amount\}\}/); if (textArray.length > 0 && textArray.length < 2) { textArray.push(''); } return textArray.map((text, index) => { if (index == 0) { return `
${text}
`; } return `
${text}
`; }).join(''); }()}
${function() { const textArray = ("Save {{save_amount}}").split(/\{\{\s*save_amount\}\}/); if (textArray.length > 0 && textArray.length < 2) { textArray.push(''); } return textArray.map((text, index) => { if (index == 0) { return `
${text}
`; } return `
${text}
`; }).join(''); }()}
${discount_application.title}:
-
${data.invalid_msg}
Check out
Taxes and shipping calculated at checkout
${(function(){ var total_price = data.total_price; var postageFreeAmount = 89; var freeAmount = postageFreeAmount - total_price; var isFreeShipping = freeAmount <= 0; var rate = Math.min(total_price / postageFreeAmount * 100, 100).toFixed(2); const textArray = ("Spend {{ amount }} more and get free shipping!").split(/\{\{\s*amount\s*\}\}/); const textArrayHtml = textArray.map((text, index) => { if (index == 0) { return `
${text}
`; } return `
${text}
`; }).join(''); return `
${textArrayHtml}
You've got free shipping
${rate}%
` })()}
${data.invalid_msg}
Total:
${function() { const textArray = ("Save {{save_amount}}").split(/\{\{\s*save_amount\}\}/); if (textArray.length > 0 && textArray.length < 2) { textArray.push(''); } return textArray.map((text, index) => { if (index == 0) { return `
${text}
`; } return `
${text}
`; }).join(''); }()}
${function() { const textArray = ("Save {{save_amount}}").split(/\{\{\s*save_amount\}\}/); if (textArray.length > 0 && textArray.length < 2) { textArray.push(''); } return textArray.map((text, index) => { if (index == 0) { return `
${text}
`; } return `
${text}
`; }).join(''); }()}
${function() { const textArray = ("Save {{save_amount}}").split(/\{\{\s*save_amount\}\}/); if (textArray.length > 0 && textArray.length < 2) { textArray.push(''); } return textArray.map((text, index) => { if (index == 0) { return `
${text}
`; } return `
${text}
`; }).join(''); }()}
${discount_application.title}:
-
Check out
${data.invalid_msg}
Check out
Taxes and shipping calculated at checkout
Subtotal:
${discount_application.title}:
-
Total:
Check out
Taxes and shipping calculated at checkout
const summaryStickyRender = document.querySelector('#cart-drawer-summary-sticky-render'); if (summaryStickyRender) { document.body.style.setProperty('--cart-drawer-summary-sticky-height', summaryStickyRender.clientHeight + 'px'); }
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) { const nameEscape = opt.name.replace(/\/|\\|\s|\'|\"|`|\<|\>/g, '') product_change_event = product_change_event + `quick-shop-selected-variant-${opt.id}.rerender(data=event.selectedValues.${opt.name});`; mouse_out_event = mouse_out_event + `@${nameEscape}Mouseout="quick-shop-selected-variant-${opt.id}.rerender(data=event.selectData.${opt.name}, redo=true);"`; mouse_over_event = mouse_over_event + `@${nameEscape}Mouseover="quick-shop-selected-variant-${opt.id}.rerender(data=event, redo=true);"`; } 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 optionId = option.id || ''; 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}