NEW IN
HOT SALE
VIKING VIBE
Hot
VIKING CLOTHING
CASUAL
GYM
3D
OUTDOOR
VIKING ACC
Viking Bracelet
VIKING BLANKET
TECHWEAR
Pants
Shorts
Shirts & Cloaks
Hoodies & Coats
Mask & Acc
ALL
Shirts
Viking Shirts
Henley Shirts
Dark Shirts
Techwear Shirts
Outerwear
Japanese-style Outerwear
Techwear Outerwear
Viking Outerwear
Accessories
Jewelry
Bracelet
Hat & Mask
Blanket
Bag & Belt
Hair Jewelry
Shorts
Techwear Shorts
Viking Shorts
Pants
Cargo Pants
Japanese-style Pants
Viking Pants
Tank tops
Hoodies
Techwear Hoodie
Dark Hoodies
Viking Hoodies
TRACK ORDER
More links
${item}
Recently searched
${item}
Hot searches
${item.word}
Results
${item.highlightHtml}
const TAG = 'spz-custom-smart-search-location'; const SMART_PRODUCR_SEARCH_WRAP_CLASSNAME = 'app-smart-product-search-wrap'; const THEME_NAME = window.SHOPLAZZA.theme.merchant_theme_name; const BREAKPOINT = 960; const DELAY = 300; class SpzCustomSmartSearchLocation extends SPZ.BaseElement { constructor(element) { super(element); this.mobileHeaderPluginParentEle = null; } static deferredMount() { return false; } isLayoutSupported(layout) { return layout == SPZCore.Layout.LOGIC; } buildCallback() { this.init(); this.listenerResize(); } init() { // PC-end not load if (this.isDesktop()) { return; } if (!window.__isLoadAppSmartSearch__) { this.initSmartSearch(); console.log('__isLoadAppSmartSearch__'); } // B-end must reload if (window.self === window.top && !window.__isLoadAppSmartSearch__) { window.__isLoadAppSmartSearch__ = true; } } initSmartSearch() { if (this.hasMobileUpperRightPlugin()) { this.showMobileSmartSearch(); } else { this.addMobileSmartSearch(); } } listenerResize() { window.removeEventListener('resize', window.smartSearchResizeCallback); window.smartSearchResizeCallback = SPZCore.Types.debounce( this.win, () => { this.init(); }, DELAY ); window.addEventListener('resize', window.smartSearchResizeCallback); } isDesktop() { const mediaQueryList = window.matchMedia(`(min-width: ${BREAKPOINT}px)`); return mediaQueryList.matches; } hasMobileUpperRightPlugin() { return !['geek', 'flash', 'boost'].includes(THEME_NAME.toLocaleLowerCase()); } showMobileSmartSearch() { this.mobileHeaderPluginParentEle = this.getMobileHeaderPluginParentEle(); this.setMobileHeaderIconsPluginStyle(this.mobileHeaderPluginParentEle); } getMobileHeaderPluginParentEle() { const MOBILE_HEADER_PLUGIN_PARENT_ELE_MAP = { nova: '.header__mobile #header__plugin-container', hero: '.header__icons .tw-flex.tw-justify-end.tw-items-center.tw-space-x-7', onePage: '.header__mobile #header__plugin-container', wind: '#header-icons .flex.justify-end.items-center', eva: '#header__icons .plugin_content' }; const headerPluginParentSelector = this.combineMultipleSelectors( Object.values(MOBILE_HEADER_PLUGIN_PARENT_ELE_MAP) ); return document.querySelector(headerPluginParentSelector); } setMobileHeaderIconsPluginStyle(pluginParentEle) { if (!pluginParentEle) { return; } const containHidden = pluginParentEle.classList.contains('md:hidden'); const containTwHidden = pluginParentEle.classList.contains('md:tw-hidden'); if (containHidden || containTwHidden) { Array.from(pluginParentEle.children).forEach((pluginElement) => { if (!this.hasSmartSearchPlugin(pluginElement)) { pluginElement.style.display = 'none'; } }); pluginParentEle.classList.remove('md:hidden', 'md:tw-hidden'); } else { const smartSearchPluginElement = Array.from(pluginParentEle.children).find( (pluginElement) => { return this.hasSmartSearchPlugin(pluginElement); } ); smartSearchPluginElement.style.display = 'block'; } } hasSmartSearchPlugin(pluginElement) { return ( pluginElement.classList.contains(`${SMART_PRODUCR_SEARCH_WRAP_CLASSNAME}`) || pluginElement.querySelectorAll(`.${SMART_PRODUCR_SEARCH_WRAP_CLASSNAME}`).length > 0 ); } addMobileSmartSearch() { this.mobileHeaderIconsEle = this.getMobileHeaderIconsEle(); this.smartSearchWrapEle = this.getSmartSearchWrapEle(); this.appendSmartSearchToHeader(); } getMobileHeaderIconsEle() { // Must be the parent element of the plugin const MOBILE_HEADER_ICONS_ELE_MAP = { geek: '#header-mobile-container .flex.items-center.justify-end.flex-shrink-0', flash: '#header-layout .header__icons', boost: '.header__mobile-bottom .tw-flex.tw-items-center.tw-justify-end.tw-flex-1' }; const headerIconsSelector = this.combineMultipleSelectors( Object.values(MOBILE_HEADER_ICONS_ELE_MAP) ); return document.querySelector(headerIconsSelector); } getSmartSearchWrapEle() { const smartSearchWrapEle = document.querySelector(this.getSmartSearchWrapSelector()); if (!smartSearchWrapEle) { return null; } return smartSearchWrapEle; } appendSmartSearchToHeader() { if (!this.smartSearchWrapEle) { return; } this.mobileHeaderIconsEle.insertAdjacentElement('afterbegin', this.smartSearchWrapEle); } getSmartSearchWrapSelector() { const PLUGIN_POSITION = { DRAWER: 'drawer', HEADER_TOP: 'headerTop' }; // only one this plugin of ancestor element const MOBILE_PLUGIN_POSITION_ELE_MAP = { [PLUGIN_POSITION.DRAWER]: { geek: '#header-menu-mobile #menu-drawer', flash: '#menu-drawer .plugin__header-content', boost: '.header__drawer' }, [PLUGIN_POSITION.HEADER_TOP]: { geek: '#header-menu-mobile #menu-drawer', flash: '#menu-drawer .plugin__header-content', boost: '.header-content .logo-wrap' } }; const MbPluginPositionInTheme = [ ...Object.values(MOBILE_PLUGIN_POSITION_ELE_MAP[PLUGIN_POSITION.DRAWER]), ...Object.values(MOBILE_PLUGIN_POSITION_ELE_MAP[PLUGIN_POSITION.HEADER_TOP]) ]; return Object.values(MbPluginPositionInTheme).reduce((pre, ancestor) => { if (pre === '') { return `${ancestor} .app-smart-product-search-wrap`; } if (pre.includes(ancestor)) { return pre; } return `${pre},${ancestor} .app-smart-product-search-wrap`; }, ''); } combineMultipleSelectors(selectorList) { return selectorList.reduce((pre, selector) => { if (pre === '') { return `${selector}`; } if (pre.includes(selector)) { return pre; } return `${pre},${selector}`; }, ''); } } SPZ.defineElement(TAG, SpzCustomSmartSearchLocation);
Log in
Create an account
${(data.data && data.data.count) > 999 ? '999+' : (data.data && data.data.count)}
${(data.data && data.data.count) > 999 ? '999+' : (data.data && data.data.count)}
NEW IN
HOT SALE
VIKING VIBE
Hot
VIKING VIBE
Hot
VIKING CLOTHING
VIKING CLOTHING
CASUAL
GYM
3D
OUTDOOR
VIKING ACC
VIKING ACC
Viking Bracelet
VIKING BLANKET
TECHWEAR
TECHWEAR
Pants
Shorts
Shirts & Cloaks
Hoodies & Coats
Mask & Acc
ALL
ALL
Shirts
Shirts
Viking Shirts
Henley Shirts
Dark Shirts
Techwear Shirts
Outerwear
Outerwear
Japanese-style Outerwear
Techwear Outerwear
Viking Outerwear
Accessories
Accessories
Jewelry
Bracelet
Hat & Mask
Blanket
Bag & Belt
Hair Jewelry
Shorts
Shorts
Techwear Shorts
Viking Shorts
Pants
Pants
Cargo Pants
Japanese-style Pants
Viking Pants
Tank tops
Hoodies
Hoodies
Techwear Hoodie
Dark Hoodies
Viking Hoodies
TRACK ORDER
${item}
Recently searched
${item}
Hot searches
${item.word}
Results
${item.highlightHtml}
const TAG = 'spz-custom-smart-search-location'; const SMART_PRODUCR_SEARCH_WRAP_CLASSNAME = 'app-smart-product-search-wrap'; const THEME_NAME = window.SHOPLAZZA.theme.merchant_theme_name; const BREAKPOINT = 960; const DELAY = 300; class SpzCustomSmartSearchLocation extends SPZ.BaseElement { constructor(element) { super(element); this.mobileHeaderPluginParentEle = null; } static deferredMount() { return false; } isLayoutSupported(layout) { return layout == SPZCore.Layout.LOGIC; } buildCallback() { this.init(); this.listenerResize(); } init() { // PC-end not load if (this.isDesktop()) { return; } if (!window.__isLoadAppSmartSearch__) { this.initSmartSearch(); console.log('__isLoadAppSmartSearch__'); } // B-end must reload if (window.self === window.top && !window.__isLoadAppSmartSearch__) { window.__isLoadAppSmartSearch__ = true; } } initSmartSearch() { if (this.hasMobileUpperRightPlugin()) { this.showMobileSmartSearch(); } else { this.addMobileSmartSearch(); } } listenerResize() { window.removeEventListener('resize', window.smartSearchResizeCallback); window.smartSearchResizeCallback = SPZCore.Types.debounce( this.win, () => { this.init(); }, DELAY ); window.addEventListener('resize', window.smartSearchResizeCallback); } isDesktop() { const mediaQueryList = window.matchMedia(`(min-width: ${BREAKPOINT}px)`); return mediaQueryList.matches; } hasMobileUpperRightPlugin() { return !['geek', 'flash', 'boost'].includes(THEME_NAME.toLocaleLowerCase()); } showMobileSmartSearch() { this.mobileHeaderPluginParentEle = this.getMobileHeaderPluginParentEle(); this.setMobileHeaderIconsPluginStyle(this.mobileHeaderPluginParentEle); } getMobileHeaderPluginParentEle() { const MOBILE_HEADER_PLUGIN_PARENT_ELE_MAP = { nova: '.header__mobile #header__plugin-container', hero: '.header__icons .tw-flex.tw-justify-end.tw-items-center.tw-space-x-7', onePage: '.header__mobile #header__plugin-container', wind: '#header-icons .flex.justify-end.items-center', eva: '#header__icons .plugin_content' }; const headerPluginParentSelector = this.combineMultipleSelectors( Object.values(MOBILE_HEADER_PLUGIN_PARENT_ELE_MAP) ); return document.querySelector(headerPluginParentSelector); } setMobileHeaderIconsPluginStyle(pluginParentEle) { if (!pluginParentEle) { return; } const containHidden = pluginParentEle.classList.contains('md:hidden'); const containTwHidden = pluginParentEle.classList.contains('md:tw-hidden'); if (containHidden || containTwHidden) { Array.from(pluginParentEle.children).forEach((pluginElement) => { if (!this.hasSmartSearchPlugin(pluginElement)) { pluginElement.style.display = 'none'; } }); pluginParentEle.classList.remove('md:hidden', 'md:tw-hidden'); } else { const smartSearchPluginElement = Array.from(pluginParentEle.children).find( (pluginElement) => { return this.hasSmartSearchPlugin(pluginElement); } ); smartSearchPluginElement.style.display = 'block'; } } hasSmartSearchPlugin(pluginElement) { return ( pluginElement.classList.contains(`${SMART_PRODUCR_SEARCH_WRAP_CLASSNAME}`) || pluginElement.querySelectorAll(`.${SMART_PRODUCR_SEARCH_WRAP_CLASSNAME}`).length > 0 ); } addMobileSmartSearch() { this.mobileHeaderIconsEle = this.getMobileHeaderIconsEle(); this.smartSearchWrapEle = this.getSmartSearchWrapEle(); this.appendSmartSearchToHeader(); } getMobileHeaderIconsEle() { // Must be the parent element of the plugin const MOBILE_HEADER_ICONS_ELE_MAP = { geek: '#header-mobile-container .flex.items-center.justify-end.flex-shrink-0', flash: '#header-layout .header__icons', boost: '.header__mobile-bottom .tw-flex.tw-items-center.tw-justify-end.tw-flex-1' }; const headerIconsSelector = this.combineMultipleSelectors( Object.values(MOBILE_HEADER_ICONS_ELE_MAP) ); return document.querySelector(headerIconsSelector); } getSmartSearchWrapEle() { const smartSearchWrapEle = document.querySelector(this.getSmartSearchWrapSelector()); if (!smartSearchWrapEle) { return null; } return smartSearchWrapEle; } appendSmartSearchToHeader() { if (!this.smartSearchWrapEle) { return; } this.mobileHeaderIconsEle.insertAdjacentElement('afterbegin', this.smartSearchWrapEle); } getSmartSearchWrapSelector() { const PLUGIN_POSITION = { DRAWER: 'drawer', HEADER_TOP: 'headerTop' }; // only one this plugin of ancestor element const MOBILE_PLUGIN_POSITION_ELE_MAP = { [PLUGIN_POSITION.DRAWER]: { geek: '#header-menu-mobile #menu-drawer', flash: '#menu-drawer .plugin__header-content', boost: '.header__drawer' }, [PLUGIN_POSITION.HEADER_TOP]: { geek: '#header-menu-mobile #menu-drawer', flash: '#menu-drawer .plugin__header-content', boost: '.header-content .logo-wrap' } }; const MbPluginPositionInTheme = [ ...Object.values(MOBILE_PLUGIN_POSITION_ELE_MAP[PLUGIN_POSITION.DRAWER]), ...Object.values(MOBILE_PLUGIN_POSITION_ELE_MAP[PLUGIN_POSITION.HEADER_TOP]) ]; return Object.values(MbPluginPositionInTheme).reduce((pre, ancestor) => { if (pre === '') { return `${ancestor} .app-smart-product-search-wrap`; } if (pre.includes(ancestor)) { return pre; } return `${pre},${ancestor} .app-smart-product-search-wrap`; }, ''); } combineMultipleSelectors(selectorList) { return selectorList.reduce((pre, selector) => { if (pre === '') { return `${selector}`; } if (pre.includes(selector)) { return pre; } return `${pre},${selector}`; }, ''); } } SPZ.defineElement(TAG, SpzCustomSmartSearchLocation);
Log in
Shop Trendy Trousers Online - Explore a Variety of Styles | ShopTechWear
79 products
${function() { const product_total = data.total; const renderText = `{count} products`; if (product_total == 0) { return `0 product` } else if (product_total == 1) { return `1 product` } else { return renderText.replace('{count}', product_total) } }()}
Sort
${data.label}
-
Clear all
Sort
Sort by
Featured
Price, low to high
Price, high to low
Newest in
Total sales, high to low
Purchases, high to low
Page views, high to low
Clear all
Apply
Sort by
Featured
Price, low to high
Price, high to low
Newest in
Total sales, high to low
Purchases, high to low
Page views, high to low
Save 15%
Outdoor multi-pocket casual loose overalls
$33.99
$40.00
Save 15%
Fashion casual loose pants
$30.99
+4
Viking Totem Casual Train Sweatpants
$34.99
Save 34%
Men's Vintage Viking Totem Art Print Sweatpants
$36.99
$55.95
Save 34%
Save 16%
Everyday Fit Jogger
$30.99
$36.95
Save 16%
Techwear Strapped Multi-pocket Cargo Jogger
$25.99
Save 34%
Men's Vintage Tribal Bird Viking Art Print Sweatpants
$36.99
$55.95
Save 34%
Unisex Vintage Viking Print Casual Sweatpants
$34.99
Men's Raven & Skull Viking Vegvisir Track Sweatpants
$34.99
Save 17%
Blood Red Coil Devil Casual Sweatpants
$32.99
$39.95
Save 17%
Men's Trousers For Daily Outdoor Wear
$35.99
+5
Save 26%
Project - S Black Harem Street Style Loose Jogger Pants
$27.99
$38.00
Save 26%
Save 22%
Techwear Slim Streamer Cargo Pants
$27.99
$35.95
Save 22%
Save 19%
Unisex Casual Sweatpants
$37.99
$46.99
Save 19%
Outdoor Lightweight Cargo Trooper Pants
$32.99
Save 34%
Men's Viking Graphic Art Sweatpants
$36.99
$55.95
Save 34%
Save 34%
Men's Vintage Viking Totem Art Print Sweatpants
$36.99
$55.95
Save 34%
Save 3%
Techwear Thickened Casual Cargo Pants
$27.99
$28.95
Save 3%
Save 17%
Unisex Viking Pattern Lounge Pants
$38.99
$46.99
Save 17%
Save 13%
Viking Wolf Vegvisir Art Print Track Pants
$34.99
$39.99
Save 13%
Save 17%
Unisex Viking Pattern Lounge Pants
$38.99
$46.99
Save 17%
Strappy Casual Corset Sweatpants
$30.99
+3
Viking Skull Printed Lounge Pants
$33.99
Viking Print Relaxed Train Sweatpants
$34.99
Save 19%
Viking Print Sweatpants
$37.99
$46.99
Save 19%
Save 24%
Solid Color Large Pocket Cargo Casual Pants
$28.99
$37.95
Save 24%
+3
Save 7%
Techwear Casual Pocket Bunched Cargo Pants
$36.99
$39.94
Save 7%
Casual Trousers Loose Leggings
$30.99
Men's Viking Skulls Print Sweatpants
$33.99
Save 19%
Viking Print Sweatpants
$37.99
$46.99
Save 19%
Unisex Casual Sweatpants
$33.99
Men's Viking Compass Vegvisir Runes Drawstring Casual Pants
$33.99
Men's Black Stacked Jeans Wide Leg Pants Hip Hop Lazy Style Jeans
$56.99
Save 9%
Techwear Loose Multi-Pockets Cargo Pants
$42.99
$47.44
Save 9%
Save 34%
Men's Viking Vegvisir Camouflage Skull Casual Sweatpants
$36.99
$55.95
Save 34%
Men's Viking Victory Or Valhalla Vegvisir Casual Pants
$33.99
Save 12%
Men's Viking Victory Or Valhalla Sweatpants
$34.99
$39.95
Save 12%
Save 12%
Unisex Viking Pattern Lounge Pants
$34.99
$39.95
Save 12%
Save 3%
Techwear Cropped With Loose Streamers Cargo Pants
$27.99
$28.95
Save 3%
Save 17%
Men's Functional Workwear Pants
$34.99
$41.95
Save 17%
Save 13%
Viking Pattern Relaxed Train Sweatpants
$34.99
$39.99
Save 13%
Save 17%
Viking Pattern Lounge Pants
$38.99
$46.99
Save 17%
Save 6%
Techwear Shadow Realm Samurai Small Leggings Cargo Pants
$33.99
$36.19
Save 6%
Save 17%
Print Track Pants Satan Unisex Casual Sweatpants
$38.99
$46.99
Save 17%
Save 12%
Unisex Viking Pattern Lounge Pants
$34.99
$39.95
Save 12%
Save 39%
Men's Personalized Webbing Technology Trousers
$39.99
$65.90
Save 39%
Men's Viking Compass Vegvisir Graphic Casual Pants
$33.99
Men's Viking Skull Contrast Sweatpants
$33.99
Save 8%
Techwear Street Technology Casual Cargo Pants
$33.99
$36.95
Save 8%
Save 34%
Men's Viking Print Sweatpants
$36.99
$55.99
Save 34%
Save 17%
Art Print Track Pants Satan Unisex Casual Sweatpants
$38.99
$46.99
Save 17%
Save 8%
Techwear Slim Sport Cargo Pants
$42.99
$46.95
Save 8%
Save 13%
Viking Art Linen Drawstring Trousers
$34.99
$39.99
Save 13%
Unisex High Street Trousers Unisex Style Wide Leg Trendy Black Coated Glossy Patent Leather Bootcut Jeans
$97.99
Goth Punk Techwear Dark Street Trend Cargo Pants
$39.99
Vintage Viking Art Men's Sweatpants
$33.99
Save 17%
Viking Pattern Lounge Pants
$38.99
$46.99
Save 17%
Hip Hop Tether Sports Pants Cargo Trendy Man
$29.99
+1
Save 19%
Viking Eagle Print Sweatpants
$37.99
$46.99
Save 19%
Save 5%
Techwear Pocket Zip Casual Cargo Pants
$34.99
$36.95
Save 5%
Techwear Goth Punk Multi-pocket Large Mouth Zipper Cargo Pants
$37.99
Save 17%
Art Print Track Pants Satan Unisex Casual Sweatpants
$38.99
$46.99
Save 17%
Save 34%
Men's Pentagram Halloween Print Sweatpants
$36.99
$55.99
Save 34%
Save 17%
Unisex Viking Pattern Lounge Pants
$38.99
$46.99
Save 17%
Art Print Track Pants Satanic Devil Goat Skull Totem Unisex Casual Sweatpants
$38.99
Art Print Track Pants Satanic Devil Goat Totem Unisex Casual Sweatpants
$38.99
Save 15%
Art Print Track Pants Satanic Dark Goat Skull Unisex Casual Sweatpants
$38.99
$45.99
Save 15%
Save 21%
Graffiti Marked Casual Trousers
$41.99
$52.99
Save 21%
Save 15%
Art Print Track Pants Satanic Skull Totem Unisex Casual Sweatpants
$38.99
$45.99
Save 15%
Save 30%
Satan Spell Totem Casual Sweatpants
$34.99
$49.99
Save 30%
Save 17%
Viking Skull Printed Lounge Pants
$38.99
$46.99
Save 17%
Men's Linen Casual Bloomers Harem Belted Pants
$30.99
Art Print Track Pants Satanic Hell Fire Totem Unisex Casual Sweatpants
$38.99
Art Print Track Pants Satanic Devil Blood Skull Totem Unisex Casual Sweatpants
$38.99
Art Print Track Pants Satanic Skull Hell Fire Totem Unisex Casual Sweatpants
$38.99
Save 15%
Shoptechwear Art Jesus Life Line Totem Unisex Casual Sweatpants
$38.99
$45.99
Save 15%
Save 15%
Art Print Track Pants Satanic Skull Unisex Casual Sweatpants
$38.99
$45.99
Save 15%
Save 15%
Art Print Track Pants Satanic Skull Totem Unisex Casual Sweatpants
$38.99
$45.99
Save 15%
Save 15%
Art Print Track Pants Satanic Dark Cross Skull Totem Unisex Casual Sweatpants
$38.99
$45.99
Save 15%
No products found
Use fewer filters or
clear all
${function() { const force_image_size = "1.5"; const product_hover_on = true; const product_show_sale_label = true; const product_save_type = "percent"; const badge1 = ""; const badge2 = ""; const badge3 = ""; const product_title_mobile_hide = true; const product_title_style = "hide"; const enable_collection_thumb_image = true; const variantNames = ["color"]; const thumbMaxNum = 4; const suffix_id = Math.random().toFixed(6).slice(-6); const url = data.withinUrl; const productId = data.id; const price = data.price; const productAvailable = data.available; const productVariants = data.variants || []; const images = data.images || []; const image = data.image || {}; const imageWidth = image.width; let imageHeight = image.height; let image2 = data.secondImage; let imageHoverOn = !!image2.src; if (force_image_size !== 'natural') { imageHeight = imageWidth * force_image_size; } let compareAtPrice = data.compare_at_price; let offRatio = data.off_ratio; let discountMaxUrl = url; const showFrom = data.price_min != data.price_max ? true : false; for (let i = 0; i < productVariants.length; i++) { const variant = productVariants[i]; if (variant.price == price && compareAtPrice < variant.compare_at_price) { compareAtPrice = variant.compare_at_price; offRatio = variant.off_ratio; variant.available && (discountMaxUrl = variant.withinUrl); } } const soldOutText = "Sold out"; let soldOn = false; let saleOn = false; if (productAvailable) { if (product_show_sale_label && +price < +compareAtPrice) { saleOn = true; } } else { soldOn = true; } const diffPrice = compareAtPrice - price; const saveLabelContent = product_save_type == 'percent' ? (offRatio + '%') : `
`; let saveText = "Save {off_ratio}"; saveText = saveText.replace('{off_ratio}', saveLabelContent); const productTitle = data.title; const variantValues = []; const showVariants = []; if (data.need_variant_image && enable_collection_thumb_image && variantNames.length > 0) { for (let i = 0; i < (data.options || []).length; i++) { const option = data.options[i]; const optionName = option.name.toLowerCase(); if (variantNames.includes(optionName)) { for (let j = 0; j < productVariants.length; j++) { const variant = productVariants[j]; const value = variant.options[i].value; if (!variantValues.includes(value)) { variantValues.push(value); showVariants.push(variant); } } break; } } } return `
${saleOn ? saveText : soldOutText}
${badge1}
${badge2}
${badge3}
${ "title" === 'subtitle' ? data.brief : data.title }
From
${saveText}
${showVariants.map((item, idx) => { let showMoreHtml = ''; if (idx == thumbMaxNum) { showMoreHtml += `
+${showVariants.length - thumbMaxNum}
`; } return ` ${showMoreHtml}
`; }).join('') }
`; }()}
${function() { const defaultSelectedVariant = data.variants.find(v => v.available) || data.variants[0]; const defaultIndex = !!defaultSelectedVariant ? data.images.findIndex(img => img.src == (defaultSelectedVariant.image && defaultSelectedVariant.image.src)) : -1; const initialSlide = defaultIndex == -1 ? 0 : defaultIndex; const attrs = data.images.length > 1 ? 'slide controls' : ''; return `
`; }()}
${data.title}
${data.brief}
${function() { const defaultSelectedVariant = data.variants.find(v => v.available) || data.variants[0]; return `
${("Save {off_ratio}").replace('{off_ratio}', ("percent") == 'percent' ? defaultSelectedVariant.off_ratio + '%' : `
` )}
-
`; }()}
${function(){ const defaultSelectedVariant = data.variants.find(v => v.available) || data.variants[0]; let status_lan = "Add to cart"; if ((defaultSelectedVariant && !defaultSelectedVariant.available) || (!defaultSelectedVariant && !data.available)) { status_lan = "Sold out"; } return `
Quantity
${status_lan}
Buy now
` }()}
${function() { var thumbSwitchName = ''; return data.product.options.map((option, index) => { const optionName = option.name || ''; const optionPosition = 'option' + (index + 1); const values = option.values || []; const soldOutValues = (data.soldOutValues && data.soldOutValues[optionPosition]) || {}; const position = `option${index + 1}`; const variantThumbs = ["color"] || []; var isThumbImage = false; if (data.product.need_variant_image && thumbSwitchName == '') { for (let i = 0; i < variantThumbs.length; i++) { const name = variantThumbs[i].toLowerCase(); if (name == optionName.toLowerCase()) { isThumbImage = true; thumbSwitchName = name; } } } const variantType = "button"; const currentProduct = data.product; const thumbStyle = "image"; const thumbType = isThumbImage ? thumbStyle.replace(/_/g, '-') : 'text'; const selectedVariantVal = data.selectedValues[optionName][0] || ''; return `
${optionName.slice(0, 1).toUpperCase() + optionName.slice(1).toLowerCase()} :
${selectedVariantVal}
${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}
${value}
` }).join('')}
` }).join(''); }()}
${data.targetOption || data.defaultValue || data.value || ''}
${("Save {off_ratio}").replace('{off_ratio}', ("percent") == 'percent' ? data.variant.off_ratio + '%' : `
` )}
-
-
Your may also like
${ data == 1 ? ("1 product was added to your cart!") : ("{count} products were added to your cart!").replace('{count}', data) }
${function() { const freeShippingAmount = 69; const totalPrice = data.data.total_price; const diffAmount = freeShippingAmount - totalPrice; const freeShippingText = diffAmount > 0 ? "Spend {amount} more and get free shipping!" : "Your order is free delivery"; return `
${diffAmount > 0 ? freeShippingText.replace('{amount}', `
`) : freeShippingText}
`; }()}
${data.title}
${data.options.map(option => option.value).join(' / ')}
${(data.parsedProperties || []).map((propertie)=>{ if (propertie.isImage){ return `
${propertie.name}:
View image
` }else{ return `
${propertie.name}: ${propertie.value}
` } }).join('')}
${data.product.title}
${data.variant.options.map(option => option.value).join(' / ')}
${(data.product.parsedProperties || []).map((propertie)=>{ if (propertie.isImage){ return `
${propertie.name}:
View image
` }else{ return `
${propertie.name}: ${propertie.value}
` } }).join('')}
${data.data.item_count == 1 ? ("Cart subtotal (1 product)") : ("Cart subtotal ( {count} products)").replace('{count}', data.data.line_items.reduce((res, item) => res + Number(item.quantity), 0))}
${("Save {off_ratio}").replace('{off_ratio}', `
`)}
Taxes and shipping calculated at checkout
View cart
Continue shopping