${(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}/16
Expandable Multifunctional Backpack
Expandable Multifunctional Waterproof Travel Men's Computer Backpack
Sku :
SJB230101BBK
${function(){ const variantData = data.variant || {"id":"3222ac50-4069-47ff-a24b-13a9d48c6e9b","product_id":"547c20ea-aebd-4d5e-be8c-27ecd1d8969c","title":" black 2","weight_unit":"kg","inventory_quantity":5,"sku":"SJB230101BBK","barcode":"","position":2,"option1":" black 2","option2":"","option3":"","note":"","image":{"src":"\/\/img.staticdj.com\/27e74b4f72a2a83ffc8e135a97ee6cca.jpg","path":"27e74b4f72a2a83ffc8e135a97ee6cca.jpg","width":1200,"height":1200,"alt":"Expandable Multifunctional Backpack","aspect_ratio":1},"wholesale_price":[{"price":79.99,"min_quantity":1}],"weight":"0","compare_at_price":"0","price":"79.99","retail_price":"0","available":true,"url":"\/products\/expandable-multifunctional-backpack?variant=3222ac50-4069-47ff-a24b-13a9d48c6e9b","available_quantity":999999999,"options":[{"name":"color","value":" black 2"}],"off_ratio":0,"flashsale_info":[],"sales":0}; return `
Sku :
${variantData && variantData.sku}
Weight :
${variantData && variantData.weight}${variantData && variantData.weight_unit}
Barcode :
${variantData && variantData.barcode}
` }()}
$79.99
${function() { const variantData = data.variant || {"id":"3222ac50-4069-47ff-a24b-13a9d48c6e9b","product_id":"547c20ea-aebd-4d5e-be8c-27ecd1d8969c","title":" black 2","weight_unit":"kg","inventory_quantity":5,"sku":"SJB230101BBK","barcode":"","position":2,"option1":" black 2","option2":"","option3":"","note":"","image":{"src":"\/\/img.staticdj.com\/27e74b4f72a2a83ffc8e135a97ee6cca.jpg","path":"27e74b4f72a2a83ffc8e135a97ee6cca.jpg","width":1200,"height":1200,"alt":"Expandable Multifunctional Backpack","aspect_ratio":1},"wholesale_price":[{"price":79.99,"min_quantity":1}],"weight":"0","compare_at_price":"0","price":"79.99","retail_price":"0","available":true,"url":"\/products\/expandable-multifunctional-backpack?variant=3222ac50-4069-47ff-a24b-13a9d48c6e9b","available_quantity":999999999,"options":[{"name":"color","value":" black 2"}],"off_ratio":0,"flashsale_info":[],"sales":0}; const saveType = "amount"; const saveText = "Save {{saved_amount}}"; const productLabelDiscountOn = true; return `
-
${saveText.replace('\{\{saved_amount\}\}', saveType == 'percentage' ? variantData.off_ratio + '%' : `
` )}
`; }()}
Color
: black 2
${function(){ const optName = "color"; const optionValue = data.originData.selectData ? data.originData.selectData[optName].value : data.originData.value; const optionValueText = optionValue ? (': ' + optionValue) : ''; return `
${optionValueText}
` }()}
black 1
black 2
${function(){ const tipText = "Please select a {{ name }}".replace(/\{\{\s+name\s+\}\}/g, data); return `
${tipText}
` }()}
Quantity
