${(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 ${ data.off_ratio }% ` : '' }` : "Sold out" }
Mixed Lot
${data.title}
${ data.price_min != data.price_max ? `from
` : `
` }
+${data.remainInvisibleThumbCount}
` })()}
Free Shipping Over $89 & Easy Returns
Free Shipping Over $89 & Easy Returns
Log in
Create an account
${data.data && data.data.count}
Home
Shorts
T-shirts
Sweatshirts
Cargo Pants
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: 74326381, title: "Home", url: "\/", target: "", levels: 0, product0: { id: (null) }, children: [ ] }, { id: 74326383, title: "Shorts", url: "\/collections\/shorts-men", target: "", levels: 0, product0: { id: (null) }, children: [ ] }, { id: 74326385, title: "T-shirts", url: "\/collections\/surf-t-shirts", target: "", levels: 0, product0: { id: (null) }, children: [ ] }, { id: 74326387, title: "Sweatshirts", url: "\/collections\/sweatshirts-men", target: "", levels: 0, product0: { id: (null) }, children: [ ] }, { id: 74326389, title: "Cargo Pants", url: "\/collections\/cargo-pants", 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}
` })()}
Home
Shorts
T-shirts
Sweatshirts
Cargo Pants
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: 74326381, title: "Home", url: "\/", target: "", levels: 0, product0: { id: (null) }, children: [ ] }, { id: 74326383, title: "Shorts", url: "\/collections\/shorts-men", target: "", levels: 0, product0: { id: (null) }, children: [ ] }, { id: 74326385, title: "T-shirts", url: "\/collections\/surf-t-shirts", target: "", levels: 0, product0: { id: (null) }, children: [ ] }, { id: 74326387, title: "Sweatshirts", url: "\/collections\/sweatshirts-men", target: "", levels: 0, product0: { id: (null) }, children: [ ] }, { id: 74326389, title: "Cargo Pants", url: "\/collections\/cargo-pants", 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}
${(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.
` })()}
Home
Shorts
T-shirts
Sweatshirts
Cargo Pants
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(); })();
${function() { return `
` }()}
Shorts
Unisex Retro Elastic Waist Shorts
$25.86
Men's Retro Surf Shorts
$26.80
Men's Autumn Vintage Shorts
$30.77
Quiksilver Retro Casual Sweatpants
$26.68
Men's Vintage Shark Print Shorts
$25.86
Men's Vintage Glacier Print Shorts
$26.50
Men's Printed Casual Shorts
$20.76
Vintage Corduroy Surf Shorts
$21.52
Unisex Retro Elastic Waist Shorts
$25.86
Men's Retro Surf Shorts
$26.80
Men's Autumn Vintage Shorts
$30.77
Quiksilver Retro Casual Sweatpants
$26.68
Men's Vintage Shark Print Shorts
$25.86
Men's Vintage Glacier Print Shorts
$26.50
Men's Printed Casual Shorts
$20.76
Vintage Corduroy Surf Shorts
$21.52
'Belmont Shore' Corduroy Board Shorts
$22.75
Men's Vintage Lake Tahoe Print Shorts
$21.79
View more
T-shirts
Unisex Vintage Print Surfwear Printed T-Shirt
$25.51
Holiday Celestial Door Printed T-shirt
$16.82
Vintage Surf Print T-shirt
$20.28
Unisex Vintage Holiday Surfwear Printed T-Shirt
$29.12
Men's Vintage Print T-Shirt
$26.52
Mens Retro Color Patchwork Tee
$20.57
Men's Mountain Letter Printed T-shirt
$20.82
Unisex Vintage Marine Life Print T-Shirt
$20.43
Unisex Vintage Print Surfwear Printed T-Shirt
$25.51
Holiday Celestial Door Printed T-shirt
$16.82
Vintage Surf Print T-shirt
$20.28
Unisex Vintage Holiday Surfwear Printed T-Shirt
$29.12
Men's Vintage Print T-Shirt
$26.52
Mens Retro Color Patchwork Tee
$20.57
View more
Spring Sale
Men's Casual Resort Hoodie
$32.20
Unisex Polar Fleece Aztec Contrast Color Retro Polo Sweatshirt
$30.42
Men's Simple Contrast Color Polar Fleece Skateboard Sweatshirt
$38.07
Unisex Vintage Aztec Hoodie
$36.40
Save 15%
Save 15%
Unisex Retro Stitching Polos Zipper Sweater
$38.28
$45.00
Save 12%
Save 12%
Oversized Unisex Contrast Polos Sweatshirt
$38.44
$43.90
Vintage Anchor Hoodie
$30.77
Unisex Polar Fleece Ethnic Casual Polo Sweatshirt
$30.02
Men's Casual Resort Hoodie
$32.20
Unisex Polar Fleece Aztec Contrast Color Retro Polo Sweatshirt
$30.42
Men's Simple Contrast Color Polar Fleece Skateboard Sweatshirt
$38.07
Unisex Vintage Aztec Hoodie
$36.40
Save 15%
Save 15%
Unisex Retro Stitching Polos Zipper Sweater
$38.28
$45.00
Save 12%
Save 12%
Oversized Unisex Contrast Polos Sweatshirt
$38.44
$43.90
Vintage Anchor Hoodie
$30.77
Unisex Polar Fleece Ethnic Casual Polo Sweatshirt
$30.02
Leisure Holiday Printed Loose T-shirt
$20.48
Men's Mountain Letter Printed T-shirt
$20.82
View more
Sweatshirts
Men's Simple Contrast Color Polar Fleece Skateboard Sweatshirt
$38.07
Men's Casual Resort Hoodie
$32.20
Unisex Polar Fleece Aztec Contrast Color Retro Polo Sweatshirt
$30.42
Unisex Vintage Aztec Hoodie
$36.40
Men's Retro Casual Detroit Ethnic Hoodie
$34.48
Vintage Ethnic Flower Print Hoodie
$38.16
Unisex Polar Fleece Ethnic Contrast Color Polo Sweatshirt
$29.64
Unisex Polar Fleece Ethnic Casual Polo Sweatshirt
$30.02
Men's Simple Contrast Color Polar Fleece Skateboard Sweatshirt
$38.07
Men's Casual Resort Hoodie
$32.20
Unisex Polar Fleece Aztec Contrast Color Retro Polo Sweatshirt
$30.42
Unisex Vintage Aztec Hoodie
$36.40
Men's Retro Casual Detroit Ethnic Hoodie
$34.48
Vintage Ethnic Flower Print Hoodie
$38.16
View more
Cargo Pants
Outdoor Vintage Resort Trousers
$33.06
Outdoor Vintage Resort Trousers
$33.06
View more
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 + `quick-shop-selected-variant-${opt.id}.rerender(data=event.selectData.${opt.name});`; mouse_over_event = mouse_over_event + `@${nameEscape}Mouseover="quick-shop-selected-variant-${opt.id}.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 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}
