${(function(){ const get_random_six_digits = () => { return Math.random().toString().slice(-6) }; const wholesale_enabled = false; const setting_product_image_display = "100%"; 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.url : data.url; 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}
` })()}
20% OFF LUGAGGE: NEW20
10% OFF SITEWIDE: WELCOME10
20% OFF LUGAGGE: NEW20
10% OFF SITEWIDE: WELCOME10
Log in
Create an account
${data.data && data.data.count}
HOME
NEW ARRIVALS
WALLET
LUGGAGE
BAGS
CARD HOLDER
ACCESSORIES
ABOUT
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: 51696505, title: "HOME", url: "\/", target: "", levels: 0, product0: null || {}, children: [ ] }, { id: 51696507, title: "NEW ARRIVALS", url: "\/collections\/new-arrival", target: "_blank", levels: 0, product0: null || {}, children: [ ] }, { id: 51696509, title: "WALLET", url: "\/collections\/wallet", target: "", levels: 0, product0: null || {}, children: [ ] }, { id: 51696511, title: "LUGGAGE", url: "\/collections\/luggage", target: "", levels: 0, product0: null || {}, children: [ ] }, { id: 51696513, title: "BAGS", url: "\/collections\/bags", target: "", levels: 0, product0: null || {}, children: [ ] }, { id: 51696515, title: "CARD HOLDER", url: "\/collections\/card-holder-wallet", target: "", levels: 0, product0: null || {}, children: [ ] }, { id: 51696517, title: "ACCESSORIES", url: "\/collections\/accessory", target: "", levels: 0, product0: null || {}, children: [ ] }, { id: 51696519, title: "ABOUT", url: "\/pages\/about-us", target: "_blank", 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}
` })()}
HOME
NEW ARRIVALS
WALLET
LUGGAGE
BAGS
CARD HOLDER
ACCESSORIES
ABOUT
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: 51696505, title: "HOME", url: "\/", target: "", levels: 0, product0: null || {}, children: [ ] }, { id: 51696507, title: "NEW ARRIVALS", url: "\/collections\/new-arrival", target: "_blank", levels: 0, product0: null || {}, children: [ ] }, { id: 51696509, title: "WALLET", url: "\/collections\/wallet", target: "", levels: 0, product0: null || {}, children: [ ] }, { id: 51696511, title: "LUGGAGE", url: "\/collections\/luggage", target: "", levels: 0, product0: null || {}, children: [ ] }, { id: 51696513, title: "BAGS", url: "\/collections\/bags", target: "", levels: 0, product0: null || {}, children: [ ] }, { id: 51696515, title: "CARD HOLDER", url: "\/collections\/card-holder-wallet", target: "", levels: 0, product0: null || {}, children: [ ] }, { id: 51696517, title: "ACCESSORIES", url: "\/collections\/accessory", target: "", levels: 0, product0: null || {}, children: [ ] }, { id: 51696519, title: "ABOUT", url: "\/pages\/about-us", target: "_blank", 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}
HOME
NEW ARRIVALS
WALLET
LUGGAGE
BAGS
CARD HOLDER
ACCESSORIES
ABOUT
${(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(); })();
${data.index + 1}/10
UrbanFlex Duo Backpack
Men's Backpack for Commuting Traveling and Camping. Large capacity, made with water-resistant fabric to protect your belongings. Built-in charging port and is designed to easily attach to your luggage for convenient travel.
Sku :
SJB230201A
Weight :
1.92kg
${function(){ const variantData = data.variant || {"id":"16a66561-f075-476d-a0f4-be3021fc7cfe","product_id":"55bb1e78-3429-413e-b380-e80209f2d4cb","title":"Classic Black","weight_unit":"kg","inventory_quantity":4,"sku":"SJB230201A","barcode":"","position":1,"option1":"Classic Black","option2":"","option3":"","note":"","image":{"src":"\/\/img.staticdj.com\/95840f43e7fa9de76f033140baef79ad.jpg","path":"95840f43e7fa9de76f033140baef79ad.jpg","width":1200,"height":1200,"alt":"UrbanFlex Duo Backpack","aspect_ratio":1},"wholesale_price":[{"price":99.99,"min_quantity":1}],"weight":"1.92","compare_at_price":"0","price":"99.99","retail_price":"0","available":true,"url":"\/products\/urbanflex-duo-backpack?variant=16a66561-f075-476d-a0f4-be3021fc7cfe","available_quantity":999999999,"options":[{"name":"Style","value":"Classic Black"}],"off_ratio":0,"flashsale_info":[],"sales":70}; return `
Sku :
${variantData && variantData.sku}
Weight :
${variantData && variantData.weight}${variantData && variantData.weight_unit}
Barcode :
${variantData && variantData.barcode}
` }()}
$99.99
${function() { const variantData = data.variant || {"id":"16a66561-f075-476d-a0f4-be3021fc7cfe","product_id":"55bb1e78-3429-413e-b380-e80209f2d4cb","title":"Classic Black","weight_unit":"kg","inventory_quantity":4,"sku":"SJB230201A","barcode":"","position":1,"option1":"Classic Black","option2":"","option3":"","note":"","image":{"src":"\/\/img.staticdj.com\/95840f43e7fa9de76f033140baef79ad.jpg","path":"95840f43e7fa9de76f033140baef79ad.jpg","width":1200,"height":1200,"alt":"UrbanFlex Duo Backpack","aspect_ratio":1},"wholesale_price":[{"price":99.99,"min_quantity":1}],"weight":"1.92","compare_at_price":"0","price":"99.99","retail_price":"0","available":true,"url":"\/products\/urbanflex-duo-backpack?variant=16a66561-f075-476d-a0f4-be3021fc7cfe","available_quantity":999999999,"options":[{"name":"Style","value":"Classic Black"}],"off_ratio":0,"flashsale_info":[],"sales":70}; const saveType = "amount"; const saveText = "Save {{saved_amount}}"; const productLabelDiscountOn = true; return `
-
${saveText.replace('\{\{saved_amount\}\}', saveType == 'percentage' ? variantData.off_ratio + '%' : `
` )}
`; }()}
70 sold
Style
: Classic Black
${function(){ const optName = "Style"; const optionValue = data.originData.selectData ? data.originData.selectData[optName].value : data.originData.value; const optionValueText = optionValue ? (': ' + optionValue) : ''; return `
${optionValueText}
` }()}
Classic Black
five-point star black
camouflage
${function(){ const tipText = "Please select a {{ name }}".replace(/\{\{\s+name\s+\}\}/g, data); return `
${tipText}
` }()}
Quantity
