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
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
${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
Dark Hoodies
80 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 39%
Evil Blood Oversize Large Pattern Hoodie
$48.99
$79.95
Save 39%
Save 5%
Satan Print Oversize Hoodie
$38.99
$40.99
Save 5%
Save 12%
Satan Totem Print Pullover Sweatshirt
$36.99
$41.95
Save 12%
Satan Print Oversize Hoodie
$41.99
Satan Loose Large Graphic Hoodie
$38.99
Demon's Blood Gothic Lettering Zip Hoodie
$52.99
Save 7%
Skull Rune Print Sweatshirt
$38.99
$41.99
Save 7%
Satan 666 Sweatshirt
$45.99
Save 33%
Northwoods - Heavy Oversized Hoodie
$39.99
$59.99
Save 33%
Save 25%
Visions - Hoodie
$37.99
$50.99
Save 25%
Save 33%
Lord Of Hell Necromancer Dark Blood Goat Devil Sports Hoodie
$39.99
$59.99
Save 33%
Save 33%
Grimfall - Heavy Oversized Hoodie (Acid Washed)
$39.99
$59.99
Save 33%
Save 32%
Summon Satan Hoodie
$37.99
$55.99
Save 32%
Save 33%
Attitude - Oversized Hoodie
$39.99
$59.99
Save 33%
Satanic Devil Blood After Life Unisex Casual Sports Hoodie
$38.99
Satan Oversize Large Graphic Hoodie
$38.99
Save 14%
Unisex Printed Casual Sports Hoodie
$36.99
$42.99
Save 14%
Save 33%
Church Burner Crew - Hoodie
$39.99
$59.99
Save 33%
Satanic Devil's Dagger Bloody Printed Totem Vintage Unisex Casual Sports Hoodie
$38.99
Save 33%
Unique Design Satanic Style The Prayer of The Goat Devil Dark Mystic Rock Sports Hoodie
$39.99
$59.99
Save 33%
Satanic Devil Blood Goat Unisex Casual Sports Hoodie
$38.99
Save 14%
Unisex Goth Bloody CrossPastel Gothic Printed Casual Hoodie
$36.99
$42.99
Save 14%
Satanic Devil's Dagger Bloody Printed Totem Vintage Unisex Casual Sports Hoodie
$38.99
Save 33%
Bloodshot - Heavy Oversized Hoodie (Black Acid)
$39.99
$59.99
Save 33%
Satan Print Oversize Hoodie
$37.99
Shoptechwear Art Berserk Guts Anime Oversized Totem Unisex Casual Hoodie
$39.99
Satan Devil Print Sweatshirt
$37.99
Save 33%
Sinner's Paradise - Hoodie
$39.99
$59.99
Save 33%
Save 14%
Leviathan Cross Satan Zipper Hoodie Punk Mystic Pentagram Goat Head Baphomet Goat Skull Voodoo Metal Witchcraft W
$36.99
$42.99
Save 14%
Satan Loose Large Graphic Hoodie
$37.99
Save 33%
Shoptechwear Art Jesus Christ Easter Totem Unisex Casual Hoodie
$39.99
$59.99
Save 33%
Save 33%
Shoptechwear Art Jesus Is Alive Easter Totem Unisex Casual Hoodie
$39.99
$59.99
Save 33%
Save 33%
Bloodshot - Heavy Oversized Hoodie (Red Acid)
$39.99
$59.99
Save 33%
Unique Design Dark Goat Skull Zodiac Sgin Rock Style Exclusive Sports Hoodie
$39.99
Satan Bat Wing Print Sweatshirt
$37.99
Satanic Devil's Pentagram Bloody 3D Printed Totem Vintage Unisex Casual Sports Hoodie
$38.99
Save 22%
Islam Dastis Fantasy Print Oversize Hoodie
$37.99
$48.99
Save 22%
Save 26%
Evil Blood Oversize Sweatshirt
$38.99
$52.99
Save 26%
Devil Goat Pentecostal Unisex Casual Sports Hoodie
$38.99
Save 33%
Frostburn - Heavy Oversized Hoodie (All Over Print)
$39.99
$59.99
Save 33%
Save 33%
Unique Design Dark Bloody Moon Death Angel Sports Hoodie
$39.99
$59.99
Save 33%
The Devil's Lord of Hell Unisex Casual Sports Hoodie
$38.99
Devil Blood Unisex Casual Sports Hoodie
$38.99
Unisex Satan Demon Print Casual Sports Hoodie
$38.99
Save 33%
Witchfire - Oversized Hoodie
$39.99
$59.99
Save 33%
666 Satan Oversize Hoodie
$37.99
Death's Sickle Printed Totem Vintage Unisex Casual Sports Hoodie
$39.99
Devil Goat Pentecostal Unisex Casual Sports Hoodie
$38.99
Satanic Devil Blood Goat Unisex Casual Sports Hoodie
$38.99
Save 33%
Unique Design Satanic Style Dark Art Necrotic Nightmares Rock Sports Hoodie
$39.99
$59.99
Save 33%
Save 38%
Men's Death Omen Graphic Hoodie
$37.99
$60.99
Save 38%
Save 33%
Unique Design Goddess of Justice Bloody Dark Skull Rock Style Exclusive Sports Hoodie
$39.99
$59.99
Save 33%
Shoptechwear Art Berserk Guts Oversized Totem Unisex Casual Hoodie
$39.99
Save 20%
Evil Chaos Bloody Print Graphic Hoodie
$38.99
$48.99
Save 20%
Alcatel Dark Sweatshirt
$37.99
Satanic Goat Devil Bloody 3D Printed Totem Vintage Unisex Casual Sports Hoodie
$38.99
Save 33%
Shoptechwear Art Jesus Easter Totem Unisex Casual Hoodie
$39.99
$59.99
Save 33%
List of Hell's Demons Unisex Casual Sports Hoodie
$38.99
Devil Blood Death Mental Unisex Casual Sports Hoodie
$38.99
Summon Satan Hoodie
$37.99
Unique Design Dark Blood Goat Devil Occult Rock Style Sports Hoodie
$39.99
Satan Print Hoodie
$37.99
Unique Design Dark Fire Devil Aztec Rock Style Sports Hoodie
$39.99
Save 30%
Darkness Print Hoodie
$37.99
$53.99
Save 30%
Satan Pullover Gothic Pentagram Devil Print Casual Sports Hoodie
$38.99
Death's Sickle Printed Totem Vintage Unisex Casual Sports Hoodie
$39.99
Save 33%
Unique Design Dark Skull Bloody Cross Rock Style Exclusive Sports Hoodie
$39.99
$59.99
Save 33%
Deathcore Clothing_Gothic Printed Casual Sport Hoodie
$38.99
Save 20%
Tattoo Print Sweatshirt
$38.99
$48.99
Save 20%
Save 33%
Unique Design Gold Grim Reaper Sports Hoodie
$39.99
$59.99
Save 33%
Shoptechwear Art Stanic Devil Skull Warrior Nun Oversized Unisex Hoodie
$36.99
Satanic Dark Tattoo Style Hoodie
$37.99
Satan Oversize Large Graphic Hoodie
$37.99
Unique Design Dark Fire Devil Aztec Rock Style Sports Hoodie
$39.99
Shoptechwear Art Berserk Guts Anime Totem Unisex Casual Hoodie
$39.99
The Devil's Lord of Hell Unisex Casual Sports Hoodie
$38.99
Devil Blood Death Mental Unisex Casual Sports Hoodie
$38.99
Save 33%
Unique Design Goddess of Justice Bloody Dark Skull Rock Style Exclusive Sports Hoodie
$39.99
$59.99
Save 33%
Satanic Goat Devil Bloody 3D Printed Totem Vintage Unisex Casual Sports Hoodie
$38.99
Devil Blood Unisex Casual Sports Hoodie
$38.99
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