🚚 FREE Worldwide Shipping over $99! 🚚

5% Discount on 1st Order! 🌍 - Code: NICE5

Order over $79 to get FREE GIFTS🎁

🚚 FREE Worldwide Shipping over $99! 🚚

5% Discount on 1st Order! 🌍 - Code: NICE5

Order over $79 to get FREE GIFTS🎁

const template_name = SHOPLAZZA?.meta?.page?.template_name || ''; const SEARCH_URL = '/search'; const TAG = 'spz-custom-smart-search-location'; const SMART_PRODUCR_SEARCH_WRAP_CLASSNAME = 'app-smart-product-search-container'; const THEME_NAME = window.SHOPLAZZA.theme.merchant_theme_name.replace(/ /g,''); const BREAKPOINT = 960; const DELAY = 300; function diffThemeName(themeNameA, themeNameB){ return themeNameA.toLocaleLowerCase().includes(themeNameB.toLocaleLowerCase()) } const HEADER_DOM_MAP = { eva: 'header .header_grid_layout', geek: `.header-mobile-inner-container`, onePage: 'header .header', wind: 'header #header-nav', nova: 'header .header', hero: 'header .header__nav', 'flash': '#shoplaza-section-header>div>div', 'lifestyle': '#shoplaza-section-header .header__wrapper' } let HEADER_DOM = 'header'; Object.keys(HEADER_DOM_MAP) .map(themeName=>{ if (diffThemeName(THEME_NAME, themeName)) { HEADER_DOM = HEADER_DOM_MAP[themeName]; } }) const SEARCH_ICON_CLASS_MAP = { 'flash': 'app-smart-icon-search-large-flash', 'hero': 'app-smart-icon-search-large-hero', 'geek': 'app-smart-icon-search-large-geek', 'nova': 'app-smart-icon-search-large-nova', }; let SEARCH_ICON_CLASS = 'app-smart-icon-search-large-default'; Object.keys(SEARCH_ICON_CLASS_MAP) .map(themeName=>{ if (diffThemeName(THEME_NAME, themeName)) { SEARCH_ICON_CLASS = SEARCH_ICON_CLASS_MAP[themeName]; } }) class SpzCustomSmartSearchLocation extends SPZ.BaseElement { constructor(element) { super(element); this.mobileHeaderPluginParentEle = null; this.outsideCarouselIndex = 0; this.insideCarouselIndex = 0; this.searchItemType = 'icon'; } static deferredMount() { return false; } isLayoutSupported(layout) { return layout == SPZCore.Layout.LOGIC; } buildCallback() { this.init(); this.listenerResize(); this.initRegisterActions(); } addIconClass(){ document.querySelectorAll('.app-smart-icon-search-large').forEach(e=>{ e.classList.add(SEARCH_ICON_CLASS) }); } moveIcon(){ if (!diffThemeName(THEME_NAME, 'lifestyle')) return; if (this.searchItemType === 'input') return; if (this.isDesktop()) return; const smart_search_dom = document.querySelector('#app-smart-product-search-container-978'); if (!smart_search_dom) return; const hasMovedIcon = !!document.querySelector('.header__wrapper .container .row.header>div>#app-smart-product-search-container-978'); if (hasMovedIcon) return; const headerDivList = document.querySelectorAll('.header__wrapper .container .row.header>div'); const iconBoxDom = headerDivList[headerDivList.length-1] iconBoxDom.appendChild(smart_search_dom, iconBoxDom.firstChild); } init() { this.addIconClass(); this.moveIcon(); if ( this.searchItemType === 'input' ) { document.querySelectorAll('.app-smart-icon-search-large').forEach(e=>e.style.display = 'none'); const mobileSmartSearchDom = document.querySelector(`.smart-search-mobile-container .app-smart-product-search-wrap`); if ( this.isDesktop() ) { document.querySelector(`#app-smart-product-search-container-978`).style="display: block"; if (mobileSmartSearchDom) { document.querySelector(`#app-smart-product-search-container-978`).appendChild(mobileSmartSearchDom); } }else{ if( template_name=='search' ) return; if (!document.querySelector(`.smart-search-mobile-container`)) { const appSmartSearchContainer = document.createElement('div'); appSmartSearchContainer.classList.add('smart-search-mobile-container'); appSmartSearchContainer.classList.add('smart-search-mobile-container-'+THEME_NAME.toLocaleLowerCase()); document.querySelector(HEADER_DOM).appendChild(appSmartSearchContainer); } if (!mobileSmartSearchDom) { document.querySelector(`.smart-search-mobile-container`).appendChild( document.querySelector(`.app-smart-product-search-wrap`) ) } } }else{ document.querySelectorAll('.app-smart-icon-search-large').forEach(e=>e.style.display = 'flex'); } // PC-end not load if (this.isDesktop()) { return; } if (!window.__isLoadAppSmartSearch__) { this.initSmartSearch(); } // B-end must reload if (window.self === window.top && !window.__isLoadAppSmartSearch__) { window.__isLoadAppSmartSearch__ = true; } } initSmartSearch() { if (this.hasMobileUpperRightPlugin()) { this.showMobileSmartSearch(); } else { this.addMobileSmartSearch(); } } initRegisterActions(){ this.registOnSearchInputChange(); this.registOnSearchFormSubmit(); this.registOnOutsideCarouselIndexChange(); this.registOnInsideCarouselIndexChange(); this.registGetSearchItemType(); this.registGenerateHotKeywordList(); this.registerAction('onTapHotWord',(invocation)=>{ this.onTapHotWord(invocation.args.type); }); } registOnSearchInputChange(){ this.registerAction('onSearchInputChange',(invocation)=>{ const keyword = invocation.args.keyword; if (keyword === null || !keyword.length) { document.querySelectorAll('.hot-words-carousel-inner-container').forEach(e=>{ e.style='display: block'; }); } else { document.querySelectorAll('.hot-words-carousel-inner-container').forEach(e=>{ e.style='display: none'; }); } }) } registOnSearchFormSubmit(){ this.registerAction('onSearchFormSubmit',(invocation)=>{ const event = invocation.args.event; const keywordArray = event.q || []; const keyword = keywordArray[0]; if (keyword!==null && keyword.length) { this.handleSearchSubmit_(keywordArray,1); } else { this.onTapHotWord('inside') } }) } handleSearchSubmit_(value, retryNum){ SPZ.whenApiDefined(document.getElementById('app-smart-search-978')) .then((ljsSearch) => { try{ ljsSearch.handleSearchSubmit_({ value: value }) }catch(e){ console.log('catch error',retryNum) if( 3 > retryNum ){ this.handleSearchSubmit_(value, retryNum + 1); return; } const searchStr = value[0] || ''; const searchResult = ljsSearch.setThinkSearchData_(searchStr); ljsSearch.afterSearching({ query: searchResult.query, url: `${SEARCH_URL}?q=${searchStr}`, queryType: searchResult.queryType, }) } }) } registOnOutsideCarouselIndexChange(){ this.registerAction('onOutsideCarouselIndexChange',(invocation)=>{ this.outsideCarouselIndex = invocation.args.index || 0; }) } registOnInsideCarouselIndexChange(){ this.registerAction('onInsideCarouselIndexChange',(invocation)=>{ this.insideCarouselIndex = invocation.args.index || 0; }) } registGetSearchItemType(searchItemType){ this.registerAction('getSearchItemType',(invocation)=>{ SPZ.whenApiDefined(document.getElementById('app-smart-search-outside-item-978')) .then((appSmartSearchOutsideItem) => { const search_item_type = appSmartSearchOutsideItem.getData()?.search_item_type; this.searchItemType = search_item_type || this.searchItemType; this.init(); }) }) } registGenerateHotKeywordList(){ this.registerAction('generateHotKeywordList',(invocation)=>{ const search_keywords = invocation.args?.data?.data?.hotKeywordList || []; const isShowHotKeyword = invocation.args?.data?.data?.isShowHotKeyword || false; SPZ.whenApiDefined(document.getElementById('app-smart-search-outside-item-978')) .then((appSmartSearchOutsideItem) => { const hotwords = appSmartSearchOutsideItem.getData()?.search_keywords || []; const new_search_keywords = search_keywords.map((item, index) => { item.url_obj = item.url_obj || {}; const hotwordItem = hotwords.find(e=>e.word === item.word); if (hotwordItem) { item.icon = hotwordItem.icon || ''; } if (!item.urlObj || !item.urlObj.url) { item.urlObj = { ...item.url_obj, url: item.url_obj.type === 'search' ? `${SEARCH_URL}?q=${item.word}` : item.url_obj.url, }; } return item; }); document.querySelectorAll('.app-hot-keyword-render-child') .forEach((ele) => { SPZ.whenApiDefined(ele) .then((hotWordsChildDom) => { hotWordsChildDom.render({ list: new_search_keywords, isShowHotKeyword: isShowHotKeyword, }); }) }); }) }); } onTapHotWord(type){ const index = type === 'inside' ? this.insideCarouselIndex : this.outsideCarouselIndex; SPZ.whenApiDefined(document.getElementById('app-smart-search-outside-item-978')) .then((appSmartSearchOutsideItem) => { const hotwords = appSmartSearchOutsideItem.getData()?.search_keywords || []; const currentHotwordItem = hotwords[index] || null; if (currentHotwordItem && currentHotwordItem.url_obj) { currentHotwordItem.url_obj.url = currentHotwordItem.url_obj.type === 'search' ? `${SEARCH_URL}?q=${currentHotwordItem.word}` : currentHotwordItem.url_obj.url; } SPZ.whenApiDefined(document.getElementById('app-smart-search-978')) .then((ljsSearch) => { if (currentHotwordItem) { ljsSearch.handleHotKeyword_({ word: currentHotwordItem.word, query_type: currentHotwordItem.type, url: currentHotwordItem.url_obj?.url, }); } else { this.handleSearchSubmit_([''],1); } }) }) } getOutsideCarouselConfig(){ return SPZ.whenApiDefined(document.getElementById('app-smart-search-outside-item-978')) .then((appSmartSearchOutsideItem) => { return { ...appSmartSearchOutsideItem.getData(), outsideCarouselIndex: this.outsideCarouselIndex, } }) } 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-container`; } if (pre.includes(ancestor)) { return pre; } return `${pre},${ancestor} .app-smart-product-search-container`; }, ''); } combineMultipleSelectors(selectorList) { return selectorList.reduce((pre, selector) => { if (pre === '') { return `${selector}`; } if (pre.includes(selector)) { return pre; } return `${pre},${selector}`; }, ''); } } SPZ.defineElement(TAG, SpzCustomSmartSearchLocation);

const isSearchPage = SHOPLAZZA?.meta?.page?.template_name == 'search'; const recommendDiscountCodeRenderDomId = 'spz-custom-smart-search-recommend-discount-code-render'; const currency_symbol = SHOPLAZZA.currency_symbol; const currency_symbol_pos = SHOPLAZZA.currency_symbol_pos; const default_title_config = { enable: true, text: 'Handpicked Discounts for You', font_size: '20px', text_align: 'left', } const default_text_config = { threshold_text: 'Buy {at}', copy_btn_text: 'Cope code', } const default_color_config = { color_config_type: 'type1', banner_title_color: '#202020', banner_bg_color: '#FFF4E9', banner_bg_image_mobile: '', banner_bg_image_pc: '', banner_bg_type: 'backgroundColor', card_bg_color: '#FFD19F', label_bg_color: '#FFE2C2', label_text_color: '#202020', threshold_text_color: '#202020', discount_text_color: '#E21E00', button_bg_color: '#202020', button_text_color: '#FFFFFF', } class SpzCustomSmartSearchRecommendDiscountCode extends SPZ.BaseElement { constructor(element) { super(element); this.discountCodeData = {}; } isLayoutSupported(layout) { return layout == SPZCore.Layout.LOGIC; } buildCallback(){ this.init(); } isDesktop() { const mediaQueryList = window.matchMedia(`(min-width: 960px)`); return mediaQueryList.matches; } getRecommendData(keyword, headers){ return fetch( "\/api\/intelli-search\/recommend_coupons"+'?keyword='+keyword, { headers: { ...headers, }, } ).then((response) => { return response.json() }).then((data) => { return data; }).catch(e=>{ return { list: [], }; }); } init(){ if (window.SHOPLAZZA?.meta?.page?.template_name != 'search') { return; } const searchParams = SPZUtils.Urls.parseQueryString(window.location.search); const keyword = searchParams.q || ''; this.onSearchKeywordChange(keyword); window.addEventListener('dj.productSearch',(event)=>{ this.onSearchKeywordChange(event.detail.keyWord); }) this.registerAction('handleDiscountCardItemClick',(invocation)=>{ this.handleDiscountCardItemClick(invocation.args); }); this.registerAction('handleCopyDiscountCodeFinish',(invocation)=>{ this.handleCopyDiscountCodeFinish(invocation.args); }); } onSearchKeywordChange(keyword){ if (this.lastKeyword == keyword) return; this.lastKeyword = keyword; SPZ.whenApiDefined(document.getElementById('spz-custom-smart-search-cookie')) .then((api) => { const client_id = api.getCookie('client_id'); const store_id = window.SHOPLAZZA?.shop?.shop_id; this.getRecommendData(keyword, {client_id, store_id,}) .then(res=>{ if (res.list.length > 0) { this.renderDiscountCode(this.formatRecommendData(res, keyword)); }else{ const renderDom = document.getElementById(recommendDiscountCodeRenderDomId); if (renderDom) { renderDom.style.display = 'none'; } } }) }); } formatRecommendData(data, keyword){ let { scm, ifb, cfb, list, title_config, text_config, color_config, } = data; let renderData = { scm: scm, ifb: ifb, cfb: cfb, list: list || [], keyword: keyword, }; try{ title_config = JSON.parse(title_config || {}); text_config = JSON.parse(text_config || {}); color_config = JSON.parse(color_config || {}); }catch(e){ console.log('转换json失败',e) } renderData.title_config = { ...default_title_config, ...title_config }; renderData.text_config = { ...default_text_config, ...text_config }; renderData.color_config = { ...default_color_config, ...color_config }; renderData.list = renderData.list.map(item=>{ let threshold_by_symbol = item.threshold; let discount_by_symbol = item.discount; if ( currency_symbol_pos == 'left' ) { threshold_by_symbol = currency_symbol + threshold_by_symbol; discount_by_symbol = currency_symbol + discount_by_symbol; } else { threshold_by_symbol = threshold_by_symbol + currency_symbol; discount_by_symbol = discount_by_symbol + currency_symbol; } item.threshold_text = renderData.text_config.threshold_text || ''; item.threshold_by_symbol = threshold_by_symbol; item.discount_by_symbol = discount_by_symbol; return item; }) let backgroundStyle = ''; if (renderData.color_config.banner_bg_type == 'backgroundImage') { const bgImg = this.isDesktop() ? renderData.color_config.banner_bg_image_pc : renderData.color_config.banner_bg_image_mobile; backgroundStyle = `background-image: url(${bgImg});background-size: cover;background-position: center center;`; } else { backgroundStyle = `background-color: ${renderData.color_config.banner_bg_color};`; } renderData.color_config.backgroundStyle = backgroundStyle; return renderData; } trackExposure(renderData){ SPZ.whenApiDefined(document.getElementById('spz-custom-smart-search-track')) .then((api) => { if (window.smart_search_recommend_discount_code_tracked) return; window.smart_search_recommend_discount_code_tracked = true; api.track({ trackType: 'function_expose', trackData: { event_type: 'expose', event_desc: 'discount_code_card_expose', scm: renderData.scm, ifb: renderData.ifb, trackEventInfo: { keyword: renderData.keyword, scm: renderData.scm, ifb: renderData.ifb, discount_list: renderData.list.map(item => { return { discount_id: item.id, discount_code: item.code, } }), }, }, }); }); } renderDiscountCode(renderData){ this.discountCodeData = renderData; const renderDom = document.getElementById(recommendDiscountCodeRenderDomId); SPZ.whenApiDefined(renderDom) .then((api) => { api.render(renderData); const behindDom = document.querySelector('.main-content') || document.querySelector('.shoplaza-section:not(#shoplaza-section-header)'); if (!behindDom.querySelector(`#${recommendDiscountCodeRenderDomId}`)) { behindDom.insertBefore(renderDom, behindDom.firstChild); } behindDom.querySelector(`#${recommendDiscountCodeRenderDomId}`).style.display = 'block'; this.trackExposure(renderData); }); } handleDiscountCardItemClick({keyword, code, id, scm, ifb, cfb}){ SPZ.whenApiDefined(document.getElementById('spz-custom-smart-search-track')) .then((api) => { api.track({ trackType: 'function_click', trackData: { event_type: 'click', event_desc: 'discount_code_click', scm: scm, cfb: cfb, trackEventInfo: { keyword: keyword, discount_code: code, discount_id: id, scm: scm, cfb: cfb, }, }, }); location.href = '/promotions/discount-default/'+id; }); } handleCopyDiscountCodeFinish({keyword, code, id, scm, ifb, cfb}){ SPZ.whenApiDefined(document.getElementById('smart-search-toast')) .then((api) => { api.showToast({ message: 'Copy successfully, use at checkout', duration: 2000, }); }); SPZ.whenApiDefined(document.getElementById('spz-custom-smart-search-track')) .then((api) => { api.track({ trackType: 'function_click', trackData: { event_type: 'click', event_desc: 'discount_code_copy', scm: scm, cfb: cfb, trackEventInfo: { keyword: keyword, discount_code: code, discount_id: id, scm: scm, cfb: cfb, }, }, }); }); } } SPZ.defineElement('spz-custom-smart-search-recommend-discount-code', SpzCustomSmartSearchRecommendDiscountCode);

class SpzCustomSmartSearchToast extends SPZ.BaseElement { constructor(element) { super(element); this.toastDom = null; this.toastTimeout = null; } isLayoutSupported(layout) { return layout == SPZCore.Layout.LOGIC; } buildCallback(){ this.init(); } init(){ const toast = document.createElement('div'); toast.id = 'spz-custom-smart-search-toast-978'; toast.className = 'spz-custom-smart-search-toast'; document.body.appendChild(toast); this.toastDom = toast; this.registerAction('showToast',(invocation)=>{ this.showToast(invocation.args); }); this.registerAction('hideToast',(invocation)=>{ this.hideToast(invocation.args); }); } showToast({ message, duration = 2000 }){ if( !this.toastDom ) return; this.toastDom.innerHTML = message; this.toastDom.classList.add('smart-search-toast-show'); clearTimeout(this.toastTimeout); this.toastTimeout = setTimeout(() => { this.hideToast(); }, duration); } hideToast(){ if( !this.toastDom ) return; this.toastDom.classList.remove('smart-search-toast-show'); } } SPZ.defineElement('spz-custom-smart-search-toast', SpzCustomSmartSearchToast);

const template_name = SHOPLAZZA?.meta?.page?.template_name || ''; const SEARCH_URL = '/search'; const TAG = 'spz-custom-smart-search-location'; const SMART_PRODUCR_SEARCH_WRAP_CLASSNAME = 'app-smart-product-search-container'; const THEME_NAME = window.SHOPLAZZA.theme.merchant_theme_name.replace(/ /g,''); const BREAKPOINT = 960; const DELAY = 300; function diffThemeName(themeNameA, themeNameB){ return themeNameA.toLocaleLowerCase().includes(themeNameB.toLocaleLowerCase()) } const HEADER_DOM_MAP = { eva: 'header .header_grid_layout', geek: `.header-mobile-inner-container`, onePage: 'header .header', wind: 'header #header-nav', nova: 'header .header', hero: 'header .header__nav', 'flash': '#shoplaza-section-header>div>div', 'lifestyle': '#shoplaza-section-header .header__wrapper' } let HEADER_DOM = 'header'; Object.keys(HEADER_DOM_MAP) .map(themeName=>{ if (diffThemeName(THEME_NAME, themeName)) { HEADER_DOM = HEADER_DOM_MAP[themeName]; } }) const SEARCH_ICON_CLASS_MAP = { 'flash': 'app-smart-icon-search-large-flash', 'hero': 'app-smart-icon-search-large-hero', 'geek': 'app-smart-icon-search-large-geek', 'nova': 'app-smart-icon-search-large-nova', }; let SEARCH_ICON_CLASS = 'app-smart-icon-search-large-default'; Object.keys(SEARCH_ICON_CLASS_MAP) .map(themeName=>{ if (diffThemeName(THEME_NAME, themeName)) { SEARCH_ICON_CLASS = SEARCH_ICON_CLASS_MAP[themeName]; } }) class SpzCustomSmartSearchLocation extends SPZ.BaseElement { constructor(element) { super(element); this.mobileHeaderPluginParentEle = null; this.outsideCarouselIndex = 0; this.insideCarouselIndex = 0; this.searchItemType = 'icon'; } static deferredMount() { return false; } isLayoutSupported(layout) { return layout == SPZCore.Layout.LOGIC; } buildCallback() { this.init(); this.listenerResize(); this.initRegisterActions(); } addIconClass(){ document.querySelectorAll('.app-smart-icon-search-large').forEach(e=>{ e.classList.add(SEARCH_ICON_CLASS) }); } moveIcon(){ if (!diffThemeName(THEME_NAME, 'lifestyle')) return; if (this.searchItemType === 'input') return; if (this.isDesktop()) return; const smart_search_dom = document.querySelector('#app-smart-product-search-container-906'); if (!smart_search_dom) return; const hasMovedIcon = !!document.querySelector('.header__wrapper .container .row.header>div>#app-smart-product-search-container-906'); if (hasMovedIcon) return; const headerDivList = document.querySelectorAll('.header__wrapper .container .row.header>div'); const iconBoxDom = headerDivList[headerDivList.length-1] iconBoxDom.appendChild(smart_search_dom, iconBoxDom.firstChild); } init() { this.addIconClass(); this.moveIcon(); if ( this.searchItemType === 'input' ) { document.querySelectorAll('.app-smart-icon-search-large').forEach(e=>e.style.display = 'none'); const mobileSmartSearchDom = document.querySelector(`.smart-search-mobile-container .app-smart-product-search-wrap`); if ( this.isDesktop() ) { document.querySelector(`#app-smart-product-search-container-906`).style="display: block"; if (mobileSmartSearchDom) { document.querySelector(`#app-smart-product-search-container-906`).appendChild(mobileSmartSearchDom); } }else{ if( template_name=='search' ) return; if (!document.querySelector(`.smart-search-mobile-container`)) { const appSmartSearchContainer = document.createElement('div'); appSmartSearchContainer.classList.add('smart-search-mobile-container'); appSmartSearchContainer.classList.add('smart-search-mobile-container-'+THEME_NAME.toLocaleLowerCase()); document.querySelector(HEADER_DOM).appendChild(appSmartSearchContainer); } if (!mobileSmartSearchDom) { document.querySelector(`.smart-search-mobile-container`).appendChild( document.querySelector(`.app-smart-product-search-wrap`) ) } } }else{ document.querySelectorAll('.app-smart-icon-search-large').forEach(e=>e.style.display = 'flex'); } // PC-end not load if (this.isDesktop()) { return; } if (!window.__isLoadAppSmartSearch__) { this.initSmartSearch(); } // B-end must reload if (window.self === window.top && !window.__isLoadAppSmartSearch__) { window.__isLoadAppSmartSearch__ = true; } } initSmartSearch() { if (this.hasMobileUpperRightPlugin()) { this.showMobileSmartSearch(); } else { this.addMobileSmartSearch(); } } initRegisterActions(){ this.registOnSearchInputChange(); this.registOnSearchFormSubmit(); this.registOnOutsideCarouselIndexChange(); this.registOnInsideCarouselIndexChange(); this.registGetSearchItemType(); this.registGenerateHotKeywordList(); this.registerAction('onTapHotWord',(invocation)=>{ this.onTapHotWord(invocation.args.type); }); } registOnSearchInputChange(){ this.registerAction('onSearchInputChange',(invocation)=>{ const keyword = invocation.args.keyword; if (keyword === null || !keyword.length) { document.querySelectorAll('.hot-words-carousel-inner-container').forEach(e=>{ e.style='display: block'; }); } else { document.querySelectorAll('.hot-words-carousel-inner-container').forEach(e=>{ e.style='display: none'; }); } }) } registOnSearchFormSubmit(){ this.registerAction('onSearchFormSubmit',(invocation)=>{ const event = invocation.args.event; const keywordArray = event.q || []; const keyword = keywordArray[0]; if (keyword!==null && keyword.length) { this.handleSearchSubmit_(keywordArray,1); } else { this.onTapHotWord('inside') } }) } handleSearchSubmit_(value, retryNum){ SPZ.whenApiDefined(document.getElementById('app-smart-search-906')) .then((ljsSearch) => { try{ ljsSearch.handleSearchSubmit_({ value: value }) }catch(e){ console.log('catch error',retryNum) if( 3 > retryNum ){ this.handleSearchSubmit_(value, retryNum + 1); return; } const searchStr = value[0] || ''; const searchResult = ljsSearch.setThinkSearchData_(searchStr); ljsSearch.afterSearching({ query: searchResult.query, url: `${SEARCH_URL}?q=${searchStr}`, queryType: searchResult.queryType, }) } }) } registOnOutsideCarouselIndexChange(){ this.registerAction('onOutsideCarouselIndexChange',(invocation)=>{ this.outsideCarouselIndex = invocation.args.index || 0; }) } registOnInsideCarouselIndexChange(){ this.registerAction('onInsideCarouselIndexChange',(invocation)=>{ this.insideCarouselIndex = invocation.args.index || 0; }) } registGetSearchItemType(searchItemType){ this.registerAction('getSearchItemType',(invocation)=>{ SPZ.whenApiDefined(document.getElementById('app-smart-search-outside-item-906')) .then((appSmartSearchOutsideItem) => { const search_item_type = appSmartSearchOutsideItem.getData()?.search_item_type; this.searchItemType = search_item_type || this.searchItemType; this.init(); }) }) } registGenerateHotKeywordList(){ this.registerAction('generateHotKeywordList',(invocation)=>{ const search_keywords = invocation.args?.data?.data?.hotKeywordList || []; const isShowHotKeyword = invocation.args?.data?.data?.isShowHotKeyword || false; SPZ.whenApiDefined(document.getElementById('app-smart-search-outside-item-906')) .then((appSmartSearchOutsideItem) => { const hotwords = appSmartSearchOutsideItem.getData()?.search_keywords || []; const new_search_keywords = search_keywords.map((item, index) => { item.url_obj = item.url_obj || {}; const hotwordItem = hotwords.find(e=>e.word === item.word); if (hotwordItem) { item.icon = hotwordItem.icon || ''; } if (!item.urlObj || !item.urlObj.url) { item.urlObj = { ...item.url_obj, url: item.url_obj.type === 'search' ? `${SEARCH_URL}?q=${item.word}` : item.url_obj.url, }; } return item; }); document.querySelectorAll('.app-hot-keyword-render-child') .forEach((ele) => { SPZ.whenApiDefined(ele) .then((hotWordsChildDom) => { hotWordsChildDom.render({ list: new_search_keywords, isShowHotKeyword: isShowHotKeyword, }); }) }); }) }); } onTapHotWord(type){ const index = type === 'inside' ? this.insideCarouselIndex : this.outsideCarouselIndex; SPZ.whenApiDefined(document.getElementById('app-smart-search-outside-item-906')) .then((appSmartSearchOutsideItem) => { const hotwords = appSmartSearchOutsideItem.getData()?.search_keywords || []; const currentHotwordItem = hotwords[index] || null; if (currentHotwordItem && currentHotwordItem.url_obj) { currentHotwordItem.url_obj.url = currentHotwordItem.url_obj.type === 'search' ? `${SEARCH_URL}?q=${currentHotwordItem.word}` : currentHotwordItem.url_obj.url; } SPZ.whenApiDefined(document.getElementById('app-smart-search-906')) .then((ljsSearch) => { if (currentHotwordItem) { ljsSearch.handleHotKeyword_({ word: currentHotwordItem.word, query_type: currentHotwordItem.type, url: currentHotwordItem.url_obj?.url, }); } else { this.handleSearchSubmit_([''],1); } }) }) } getOutsideCarouselConfig(){ return SPZ.whenApiDefined(document.getElementById('app-smart-search-outside-item-906')) .then((appSmartSearchOutsideItem) => { return { ...appSmartSearchOutsideItem.getData(), outsideCarouselIndex: this.outsideCarouselIndex, } }) } 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-container`; } if (pre.includes(ancestor)) { return pre; } return `${pre},${ancestor} .app-smart-product-search-container`; }, ''); } combineMultipleSelectors(selectorList) { return selectorList.reduce((pre, selector) => { if (pre === '') { return `${selector}`; } if (pre.includes(selector)) { return pre; } return `${pre},${selector}`; }, ''); } } SPZ.defineElement(TAG, SpzCustomSmartSearchLocation);

const isSearchPage = SHOPLAZZA?.meta?.page?.template_name == 'search'; const recommendDiscountCodeRenderDomId = 'spz-custom-smart-search-recommend-discount-code-render'; const currency_symbol = SHOPLAZZA.currency_symbol; const currency_symbol_pos = SHOPLAZZA.currency_symbol_pos; const default_title_config = { enable: true, text: 'Handpicked Discounts for You', font_size: '20px', text_align: 'left', } const default_text_config = { threshold_text: 'Buy {at}', copy_btn_text: 'Cope code', } const default_color_config = { color_config_type: 'type1', banner_title_color: '#202020', banner_bg_color: '#FFF4E9', banner_bg_image_mobile: '', banner_bg_image_pc: '', banner_bg_type: 'backgroundColor', card_bg_color: '#FFD19F', label_bg_color: '#FFE2C2', label_text_color: '#202020', threshold_text_color: '#202020', discount_text_color: '#E21E00', button_bg_color: '#202020', button_text_color: '#FFFFFF', } class SpzCustomSmartSearchRecommendDiscountCode extends SPZ.BaseElement { constructor(element) { super(element); this.discountCodeData = {}; } isLayoutSupported(layout) { return layout == SPZCore.Layout.LOGIC; } buildCallback(){ this.init(); } isDesktop() { const mediaQueryList = window.matchMedia(`(min-width: 960px)`); return mediaQueryList.matches; } getRecommendData(keyword, headers){ return fetch( "\/api\/intelli-search\/recommend_coupons"+'?keyword='+keyword, { headers: { ...headers, }, } ).then((response) => { return response.json() }).then((data) => { return data; }).catch(e=>{ return { list: [], }; }); } init(){ if (window.SHOPLAZZA?.meta?.page?.template_name != 'search') { return; } const searchParams = SPZUtils.Urls.parseQueryString(window.location.search); const keyword = searchParams.q || ''; this.onSearchKeywordChange(keyword); window.addEventListener('dj.productSearch',(event)=>{ this.onSearchKeywordChange(event.detail.keyWord); }) this.registerAction('handleDiscountCardItemClick',(invocation)=>{ this.handleDiscountCardItemClick(invocation.args); }); this.registerAction('handleCopyDiscountCodeFinish',(invocation)=>{ this.handleCopyDiscountCodeFinish(invocation.args); }); } onSearchKeywordChange(keyword){ if (this.lastKeyword == keyword) return; this.lastKeyword = keyword; SPZ.whenApiDefined(document.getElementById('spz-custom-smart-search-cookie')) .then((api) => { const client_id = api.getCookie('client_id'); const store_id = window.SHOPLAZZA?.shop?.shop_id; this.getRecommendData(keyword, {client_id, store_id,}) .then(res=>{ if (res.list.length > 0) { this.renderDiscountCode(this.formatRecommendData(res, keyword)); }else{ const renderDom = document.getElementById(recommendDiscountCodeRenderDomId); if (renderDom) { renderDom.style.display = 'none'; } } }) }); } formatRecommendData(data, keyword){ let { scm, ifb, cfb, list, title_config, text_config, color_config, } = data; let renderData = { scm: scm, ifb: ifb, cfb: cfb, list: list || [], keyword: keyword, }; try{ title_config = JSON.parse(title_config || {}); text_config = JSON.parse(text_config || {}); color_config = JSON.parse(color_config || {}); }catch(e){ console.log('转换json失败',e) } renderData.title_config = { ...default_title_config, ...title_config }; renderData.text_config = { ...default_text_config, ...text_config }; renderData.color_config = { ...default_color_config, ...color_config }; renderData.list = renderData.list.map(item=>{ let threshold_by_symbol = item.threshold; let discount_by_symbol = item.discount; if ( currency_symbol_pos == 'left' ) { threshold_by_symbol = currency_symbol + threshold_by_symbol; discount_by_symbol = currency_symbol + discount_by_symbol; } else { threshold_by_symbol = threshold_by_symbol + currency_symbol; discount_by_symbol = discount_by_symbol + currency_symbol; } item.threshold_text = renderData.text_config.threshold_text || ''; item.threshold_by_symbol = threshold_by_symbol; item.discount_by_symbol = discount_by_symbol; return item; }) let backgroundStyle = ''; if (renderData.color_config.banner_bg_type == 'backgroundImage') { const bgImg = this.isDesktop() ? renderData.color_config.banner_bg_image_pc : renderData.color_config.banner_bg_image_mobile; backgroundStyle = `background-image: url(${bgImg});background-size: cover;background-position: center center;`; } else { backgroundStyle = `background-color: ${renderData.color_config.banner_bg_color};`; } renderData.color_config.backgroundStyle = backgroundStyle; return renderData; } trackExposure(renderData){ SPZ.whenApiDefined(document.getElementById('spz-custom-smart-search-track')) .then((api) => { if (window.smart_search_recommend_discount_code_tracked) return; window.smart_search_recommend_discount_code_tracked = true; api.track({ trackType: 'function_expose', trackData: { event_type: 'expose', event_desc: 'discount_code_card_expose', scm: renderData.scm, ifb: renderData.ifb, trackEventInfo: { keyword: renderData.keyword, scm: renderData.scm, ifb: renderData.ifb, discount_list: renderData.list.map(item => { return { discount_id: item.id, discount_code: item.code, } }), }, }, }); }); } renderDiscountCode(renderData){ this.discountCodeData = renderData; const renderDom = document.getElementById(recommendDiscountCodeRenderDomId); SPZ.whenApiDefined(renderDom) .then((api) => { api.render(renderData); const behindDom = document.querySelector('.main-content') || document.querySelector('.shoplaza-section:not(#shoplaza-section-header)'); if (!behindDom.querySelector(`#${recommendDiscountCodeRenderDomId}`)) { behindDom.insertBefore(renderDom, behindDom.firstChild); } behindDom.querySelector(`#${recommendDiscountCodeRenderDomId}`).style.display = 'block'; this.trackExposure(renderData); }); } handleDiscountCardItemClick({keyword, code, id, scm, ifb, cfb}){ SPZ.whenApiDefined(document.getElementById('spz-custom-smart-search-track')) .then((api) => { api.track({ trackType: 'function_click', trackData: { event_type: 'click', event_desc: 'discount_code_click', scm: scm, cfb: cfb, trackEventInfo: { keyword: keyword, discount_code: code, discount_id: id, scm: scm, cfb: cfb, }, }, }); location.href = '/promotions/discount-default/'+id; }); } handleCopyDiscountCodeFinish({keyword, code, id, scm, ifb, cfb}){ SPZ.whenApiDefined(document.getElementById('smart-search-toast')) .then((api) => { api.showToast({ message: 'Copy successfully, use at checkout', duration: 2000, }); }); SPZ.whenApiDefined(document.getElementById('spz-custom-smart-search-track')) .then((api) => { api.track({ trackType: 'function_click', trackData: { event_type: 'click', event_desc: 'discount_code_copy', scm: scm, cfb: cfb, trackEventInfo: { keyword: keyword, discount_code: code, discount_id: id, scm: scm, cfb: cfb, }, }, }); }); } } SPZ.defineElement('spz-custom-smart-search-recommend-discount-code', SpzCustomSmartSearchRecommendDiscountCode);

class SpzCustomSmartSearchToast extends SPZ.BaseElement { constructor(element) { super(element); this.toastDom = null; this.toastTimeout = null; } isLayoutSupported(layout) { return layout == SPZCore.Layout.LOGIC; } buildCallback(){ this.init(); } init(){ const toast = document.createElement('div'); toast.id = 'spz-custom-smart-search-toast-906'; toast.className = 'spz-custom-smart-search-toast'; document.body.appendChild(toast); this.toastDom = toast; this.registerAction('showToast',(invocation)=>{ this.showToast(invocation.args); }); this.registerAction('hideToast',(invocation)=>{ this.hideToast(invocation.args); }); } showToast({ message, duration = 2000 }){ if( !this.toastDom ) return; this.toastDom.innerHTML = message; this.toastDom.classList.add('smart-search-toast-show'); clearTimeout(this.toastTimeout); this.toastTimeout = setTimeout(() => { this.hideToast(); }, duration); } hideToast(){ if( !this.toastDom ) return; this.toastDom.classList.remove('smart-search-toast-show'); } } SPZ.defineElement('spz-custom-smart-search-toast', SpzCustomSmartSearchToast);

HOME
FOR HIM
- FOR HIM
- BEST SELLERS
- NEW DROP
- HOODIES / SWEATSHIRTS / JACKETS
  - HOODIES / SWEATSHIRTS / JACKETS
  - HOODIES
  - SWEATSHIRTS
  - JACKETS
- SHIRTS
- TANKS & SHORTS
- PANTS
  - PANTS
  - SHORTS
  - SWEATPANTS
  - DOUBLE-LAYERED FITNESS SPORTS SHORTS
FOR HER
⭐COLLABS⭐
- ⭐COLLABS⭐
- F1 RACING CAR OUTFITS🏎️
- ANIME OUTFITS🌀
  - ANIME OUTFITS🌀
  - ONE PIECE
  - DRAGON BALL
  - JUJUTSU KAISEN
  - YU-GI-OH!
  - BERSERK
  - JOJO
- SPORTS OUTFITS🏈⚽🏀⚾
  - SPORTS OUTFITS🏈⚽🏀⚾
  - NFL FOOTBALL OUTFITS🏈
  - SOCCER OUTFITS⚽
  - BASKETBALL OUTFITS🏀
  - UFC VENUM BOXING OUTFITS🥊
  - BASEBALL OUTFITS⚾
🔥WHAT'S HOT🔥
NEW DROP
ACCESSORIES

const template_name = SHOPLAZZA?.meta?.page?.template_name || ''; const SEARCH_URL = '/search'; const TAG = 'spz-custom-smart-search-location'; const SMART_PRODUCR_SEARCH_WRAP_CLASSNAME = 'app-smart-product-search-container'; const THEME_NAME = window.SHOPLAZZA.theme.merchant_theme_name.replace(/ /g,''); const BREAKPOINT = 960; const DELAY = 300; function diffThemeName(themeNameA, themeNameB){ return themeNameA.toLocaleLowerCase().includes(themeNameB.toLocaleLowerCase()) } const HEADER_DOM_MAP = { eva: 'header .header_grid_layout', geek: `.header-mobile-inner-container`, onePage: 'header .header', wind: 'header #header-nav', nova: 'header .header', hero: 'header .header__nav', 'flash': '#shoplaza-section-header>div>div', 'lifestyle': '#shoplaza-section-header .header__wrapper' } let HEADER_DOM = 'header'; Object.keys(HEADER_DOM_MAP) .map(themeName=>{ if (diffThemeName(THEME_NAME, themeName)) { HEADER_DOM = HEADER_DOM_MAP[themeName]; } }) const SEARCH_ICON_CLASS_MAP = { 'flash': 'app-smart-icon-search-large-flash', 'hero': 'app-smart-icon-search-large-hero', 'geek': 'app-smart-icon-search-large-geek', 'nova': 'app-smart-icon-search-large-nova', }; let SEARCH_ICON_CLASS = 'app-smart-icon-search-large-default'; Object.keys(SEARCH_ICON_CLASS_MAP) .map(themeName=>{ if (diffThemeName(THEME_NAME, themeName)) { SEARCH_ICON_CLASS = SEARCH_ICON_CLASS_MAP[themeName]; } }) class SpzCustomSmartSearchLocation extends SPZ.BaseElement { constructor(element) { super(element); this.mobileHeaderPluginParentEle = null; this.outsideCarouselIndex = 0; this.insideCarouselIndex = 0; this.searchItemType = 'icon'; } static deferredMount() { return false; } isLayoutSupported(layout) { return layout == SPZCore.Layout.LOGIC; } buildCallback() { this.init(); this.listenerResize(); this.initRegisterActions(); } addIconClass(){ document.querySelectorAll('.app-smart-icon-search-large').forEach(e=>{ e.classList.add(SEARCH_ICON_CLASS) }); } moveIcon(){ if (!diffThemeName(THEME_NAME, 'lifestyle')) return; if (this.searchItemType === 'input') return; if (this.isDesktop()) return; const smart_search_dom = document.querySelector('#app-smart-product-search-container-959'); if (!smart_search_dom) return; const hasMovedIcon = !!document.querySelector('.header__wrapper .container .row.header>div>#app-smart-product-search-container-959'); if (hasMovedIcon) return; const headerDivList = document.querySelectorAll('.header__wrapper .container .row.header>div'); const iconBoxDom = headerDivList[headerDivList.length-1] iconBoxDom.appendChild(smart_search_dom, iconBoxDom.firstChild); } init() { this.addIconClass(); this.moveIcon(); if ( this.searchItemType === 'input' ) { document.querySelectorAll('.app-smart-icon-search-large').forEach(e=>e.style.display = 'none'); const mobileSmartSearchDom = document.querySelector(`.smart-search-mobile-container .app-smart-product-search-wrap`); if ( this.isDesktop() ) { document.querySelector(`#app-smart-product-search-container-959`).style="display: block"; if (mobileSmartSearchDom) { document.querySelector(`#app-smart-product-search-container-959`).appendChild(mobileSmartSearchDom); } }else{ if( template_name=='search' ) return; if (!document.querySelector(`.smart-search-mobile-container`)) { const appSmartSearchContainer = document.createElement('div'); appSmartSearchContainer.classList.add('smart-search-mobile-container'); appSmartSearchContainer.classList.add('smart-search-mobile-container-'+THEME_NAME.toLocaleLowerCase()); document.querySelector(HEADER_DOM).appendChild(appSmartSearchContainer); } if (!mobileSmartSearchDom) { document.querySelector(`.smart-search-mobile-container`).appendChild( document.querySelector(`.app-smart-product-search-wrap`) ) } } }else{ document.querySelectorAll('.app-smart-icon-search-large').forEach(e=>e.style.display = 'flex'); } // PC-end not load if (this.isDesktop()) { return; } if (!window.__isLoadAppSmartSearch__) { this.initSmartSearch(); } // B-end must reload if (window.self === window.top && !window.__isLoadAppSmartSearch__) { window.__isLoadAppSmartSearch__ = true; } } initSmartSearch() { if (this.hasMobileUpperRightPlugin()) { this.showMobileSmartSearch(); } else { this.addMobileSmartSearch(); } } initRegisterActions(){ this.registOnSearchInputChange(); this.registOnSearchFormSubmit(); this.registOnOutsideCarouselIndexChange(); this.registOnInsideCarouselIndexChange(); this.registGetSearchItemType(); this.registGenerateHotKeywordList(); this.registerAction('onTapHotWord',(invocation)=>{ this.onTapHotWord(invocation.args.type); }); } registOnSearchInputChange(){ this.registerAction('onSearchInputChange',(invocation)=>{ const keyword = invocation.args.keyword; if (keyword === null || !keyword.length) { document.querySelectorAll('.hot-words-carousel-inner-container').forEach(e=>{ e.style='display: block'; }); } else { document.querySelectorAll('.hot-words-carousel-inner-container').forEach(e=>{ e.style='display: none'; }); } }) } registOnSearchFormSubmit(){ this.registerAction('onSearchFormSubmit',(invocation)=>{ const event = invocation.args.event; const keywordArray = event.q || []; const keyword = keywordArray[0]; if (keyword!==null && keyword.length) { this.handleSearchSubmit_(keywordArray,1); } else { this.onTapHotWord('inside') } }) } handleSearchSubmit_(value, retryNum){ SPZ.whenApiDefined(document.getElementById('app-smart-search-959')) .then((ljsSearch) => { try{ ljsSearch.handleSearchSubmit_({ value: value }) }catch(e){ console.log('catch error',retryNum) if( 3 > retryNum ){ this.handleSearchSubmit_(value, retryNum + 1); return; } const searchStr = value[0] || ''; const searchResult = ljsSearch.setThinkSearchData_(searchStr); ljsSearch.afterSearching({ query: searchResult.query, url: `${SEARCH_URL}?q=${searchStr}`, queryType: searchResult.queryType, }) } }) } registOnOutsideCarouselIndexChange(){ this.registerAction('onOutsideCarouselIndexChange',(invocation)=>{ this.outsideCarouselIndex = invocation.args.index || 0; }) } registOnInsideCarouselIndexChange(){ this.registerAction('onInsideCarouselIndexChange',(invocation)=>{ this.insideCarouselIndex = invocation.args.index || 0; }) } registGetSearchItemType(searchItemType){ this.registerAction('getSearchItemType',(invocation)=>{ SPZ.whenApiDefined(document.getElementById('app-smart-search-outside-item-959')) .then((appSmartSearchOutsideItem) => { const search_item_type = appSmartSearchOutsideItem.getData()?.search_item_type; this.searchItemType = search_item_type || this.searchItemType; this.init(); }) }) } registGenerateHotKeywordList(){ this.registerAction('generateHotKeywordList',(invocation)=>{ const search_keywords = invocation.args?.data?.data?.hotKeywordList || []; const isShowHotKeyword = invocation.args?.data?.data?.isShowHotKeyword || false; SPZ.whenApiDefined(document.getElementById('app-smart-search-outside-item-959')) .then((appSmartSearchOutsideItem) => { const hotwords = appSmartSearchOutsideItem.getData()?.search_keywords || []; const new_search_keywords = search_keywords.map((item, index) => { item.url_obj = item.url_obj || {}; const hotwordItem = hotwords.find(e=>e.word === item.word); if (hotwordItem) { item.icon = hotwordItem.icon || ''; } if (!item.urlObj || !item.urlObj.url) { item.urlObj = { ...item.url_obj, url: item.url_obj.type === 'search' ? `${SEARCH_URL}?q=${item.word}` : item.url_obj.url, }; } return item; }); document.querySelectorAll('.app-hot-keyword-render-child') .forEach((ele) => { SPZ.whenApiDefined(ele) .then((hotWordsChildDom) => { hotWordsChildDom.render({ list: new_search_keywords, isShowHotKeyword: isShowHotKeyword, }); }) }); }) }); } onTapHotWord(type){ const index = type === 'inside' ? this.insideCarouselIndex : this.outsideCarouselIndex; SPZ.whenApiDefined(document.getElementById('app-smart-search-outside-item-959')) .then((appSmartSearchOutsideItem) => { const hotwords = appSmartSearchOutsideItem.getData()?.search_keywords || []; const currentHotwordItem = hotwords[index] || null; if (currentHotwordItem && currentHotwordItem.url_obj) { currentHotwordItem.url_obj.url = currentHotwordItem.url_obj.type === 'search' ? `${SEARCH_URL}?q=${currentHotwordItem.word}` : currentHotwordItem.url_obj.url; } SPZ.whenApiDefined(document.getElementById('app-smart-search-959')) .then((ljsSearch) => { if (currentHotwordItem) { ljsSearch.handleHotKeyword_({ word: currentHotwordItem.word, query_type: currentHotwordItem.type, url: currentHotwordItem.url_obj?.url, }); } else { this.handleSearchSubmit_([''],1); } }) }) } getOutsideCarouselConfig(){ return SPZ.whenApiDefined(document.getElementById('app-smart-search-outside-item-959')) .then((appSmartSearchOutsideItem) => { return { ...appSmartSearchOutsideItem.getData(), outsideCarouselIndex: this.outsideCarouselIndex, } }) } 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-container`; } if (pre.includes(ancestor)) { return pre; } return `${pre},${ancestor} .app-smart-product-search-container`; }, ''); } combineMultipleSelectors(selectorList) { return selectorList.reduce((pre, selector) => { if (pre === '') { return `${selector}`; } if (pre.includes(selector)) { return pre; } return `${pre},${selector}`; }, ''); } } SPZ.defineElement(TAG, SpzCustomSmartSearchLocation);

const isSearchPage = SHOPLAZZA?.meta?.page?.template_name == 'search'; const recommendDiscountCodeRenderDomId = 'spz-custom-smart-search-recommend-discount-code-render'; const currency_symbol = SHOPLAZZA.currency_symbol; const currency_symbol_pos = SHOPLAZZA.currency_symbol_pos; const default_title_config = { enable: true, text: 'Handpicked Discounts for You', font_size: '20px', text_align: 'left', } const default_text_config = { threshold_text: 'Buy {at}', copy_btn_text: 'Cope code', } const default_color_config = { color_config_type: 'type1', banner_title_color: '#202020', banner_bg_color: '#FFF4E9', banner_bg_image_mobile: '', banner_bg_image_pc: '', banner_bg_type: 'backgroundColor', card_bg_color: '#FFD19F', label_bg_color: '#FFE2C2', label_text_color: '#202020', threshold_text_color: '#202020', discount_text_color: '#E21E00', button_bg_color: '#202020', button_text_color: '#FFFFFF', } class SpzCustomSmartSearchRecommendDiscountCode extends SPZ.BaseElement { constructor(element) { super(element); this.discountCodeData = {}; } isLayoutSupported(layout) { return layout == SPZCore.Layout.LOGIC; } buildCallback(){ this.init(); } isDesktop() { const mediaQueryList = window.matchMedia(`(min-width: 960px)`); return mediaQueryList.matches; } getRecommendData(keyword, headers){ return fetch( "\/api\/intelli-search\/recommend_coupons"+'?keyword='+keyword, { headers: { ...headers, }, } ).then((response) => { return response.json() }).then((data) => { return data; }).catch(e=>{ return { list: [], }; }); } init(){ if (window.SHOPLAZZA?.meta?.page?.template_name != 'search') { return; } const searchParams = SPZUtils.Urls.parseQueryString(window.location.search); const keyword = searchParams.q || ''; this.onSearchKeywordChange(keyword); window.addEventListener('dj.productSearch',(event)=>{ this.onSearchKeywordChange(event.detail.keyWord); }) this.registerAction('handleDiscountCardItemClick',(invocation)=>{ this.handleDiscountCardItemClick(invocation.args); }); this.registerAction('handleCopyDiscountCodeFinish',(invocation)=>{ this.handleCopyDiscountCodeFinish(invocation.args); }); } onSearchKeywordChange(keyword){ if (this.lastKeyword == keyword) return; this.lastKeyword = keyword; SPZ.whenApiDefined(document.getElementById('spz-custom-smart-search-cookie')) .then((api) => { const client_id = api.getCookie('client_id'); const store_id = window.SHOPLAZZA?.shop?.shop_id; this.getRecommendData(keyword, {client_id, store_id,}) .then(res=>{ if (res.list.length > 0) { this.renderDiscountCode(this.formatRecommendData(res, keyword)); }else{ const renderDom = document.getElementById(recommendDiscountCodeRenderDomId); if (renderDom) { renderDom.style.display = 'none'; } } }) }); } formatRecommendData(data, keyword){ let { scm, ifb, cfb, list, title_config, text_config, color_config, } = data; let renderData = { scm: scm, ifb: ifb, cfb: cfb, list: list || [], keyword: keyword, }; try{ title_config = JSON.parse(title_config || {}); text_config = JSON.parse(text_config || {}); color_config = JSON.parse(color_config || {}); }catch(e){ console.log('转换json失败',e) } renderData.title_config = { ...default_title_config, ...title_config }; renderData.text_config = { ...default_text_config, ...text_config }; renderData.color_config = { ...default_color_config, ...color_config }; renderData.list = renderData.list.map(item=>{ let threshold_by_symbol = item.threshold; let discount_by_symbol = item.discount; if ( currency_symbol_pos == 'left' ) { threshold_by_symbol = currency_symbol + threshold_by_symbol; discount_by_symbol = currency_symbol + discount_by_symbol; } else { threshold_by_symbol = threshold_by_symbol + currency_symbol; discount_by_symbol = discount_by_symbol + currency_symbol; } item.threshold_text = renderData.text_config.threshold_text || ''; item.threshold_by_symbol = threshold_by_symbol; item.discount_by_symbol = discount_by_symbol; return item; }) let backgroundStyle = ''; if (renderData.color_config.banner_bg_type == 'backgroundImage') { const bgImg = this.isDesktop() ? renderData.color_config.banner_bg_image_pc : renderData.color_config.banner_bg_image_mobile; backgroundStyle = `background-image: url(${bgImg});background-size: cover;background-position: center center;`; } else { backgroundStyle = `background-color: ${renderData.color_config.banner_bg_color};`; } renderData.color_config.backgroundStyle = backgroundStyle; return renderData; } trackExposure(renderData){ SPZ.whenApiDefined(document.getElementById('spz-custom-smart-search-track')) .then((api) => { if (window.smart_search_recommend_discount_code_tracked) return; window.smart_search_recommend_discount_code_tracked = true; api.track({ trackType: 'function_expose', trackData: { event_type: 'expose', event_desc: 'discount_code_card_expose', scm: renderData.scm, ifb: renderData.ifb, trackEventInfo: { keyword: renderData.keyword, scm: renderData.scm, ifb: renderData.ifb, discount_list: renderData.list.map(item => { return { discount_id: item.id, discount_code: item.code, } }), }, }, }); }); } renderDiscountCode(renderData){ this.discountCodeData = renderData; const renderDom = document.getElementById(recommendDiscountCodeRenderDomId); SPZ.whenApiDefined(renderDom) .then((api) => { api.render(renderData); const behindDom = document.querySelector('.main-content') || document.querySelector('.shoplaza-section:not(#shoplaza-section-header)'); if (!behindDom.querySelector(`#${recommendDiscountCodeRenderDomId}`)) { behindDom.insertBefore(renderDom, behindDom.firstChild); } behindDom.querySelector(`#${recommendDiscountCodeRenderDomId}`).style.display = 'block'; this.trackExposure(renderData); }); } handleDiscountCardItemClick({keyword, code, id, scm, ifb, cfb}){ SPZ.whenApiDefined(document.getElementById('spz-custom-smart-search-track')) .then((api) => { api.track({ trackType: 'function_click', trackData: { event_type: 'click', event_desc: 'discount_code_click', scm: scm, cfb: cfb, trackEventInfo: { keyword: keyword, discount_code: code, discount_id: id, scm: scm, cfb: cfb, }, }, }); location.href = '/promotions/discount-default/'+id; }); } handleCopyDiscountCodeFinish({keyword, code, id, scm, ifb, cfb}){ SPZ.whenApiDefined(document.getElementById('smart-search-toast')) .then((api) => { api.showToast({ message: 'Copy successfully, use at checkout', duration: 2000, }); }); SPZ.whenApiDefined(document.getElementById('spz-custom-smart-search-track')) .then((api) => { api.track({ trackType: 'function_click', trackData: { event_type: 'click', event_desc: 'discount_code_copy', scm: scm, cfb: cfb, trackEventInfo: { keyword: keyword, discount_code: code, discount_id: id, scm: scm, cfb: cfb, }, }, }); }); } } SPZ.defineElement('spz-custom-smart-search-recommend-discount-code', SpzCustomSmartSearchRecommendDiscountCode);

class SpzCustomSmartSearchToast extends SPZ.BaseElement { constructor(element) { super(element); this.toastDom = null; this.toastTimeout = null; } isLayoutSupported(layout) { return layout == SPZCore.Layout.LOGIC; } buildCallback(){ this.init(); } init(){ const toast = document.createElement('div'); toast.id = 'spz-custom-smart-search-toast-959'; toast.className = 'spz-custom-smart-search-toast'; document.body.appendChild(toast); this.toastDom = toast; this.registerAction('showToast',(invocation)=>{ this.showToast(invocation.args); }); this.registerAction('hideToast',(invocation)=>{ this.hideToast(invocation.args); }); } showToast({ message, duration = 2000 }){ if( !this.toastDom ) return; this.toastDom.innerHTML = message; this.toastDom.classList.add('smart-search-toast-show'); clearTimeout(this.toastTimeout); this.toastTimeout = setTimeout(() => { this.hideToast(); }, duration); } hideToast(){ if( !this.toastDom ) return; this.toastDom.classList.remove('smart-search-toast-show'); } } SPZ.defineElement('spz-custom-smart-search-toast', SpzCustomSmartSearchToast);

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(); })();

T-shirts

331 Products

Filter

Sort by

Unisex Vintage Brazil National Football Oversized T-Shirt

Inter Miami CF Oversized Football Printed T-shirt

Oversized Cotton T-Shirt Solid Color Street Casual T-Shirt

Mens Cross Print Sports Casual T-shirt

Smiley Face Print T-shirt Men's Casual Color Matching Short-sleeved T-shirt

Men's Letter Printed Cuff Contrast T-shirt

Simple "BELIEVER," Printed Men's Crew Tee

Unisex Vintage Brazil National Football Oversized T-Shirt

Street Style Poker Print Short Sleeve T-shirt

Unisex Oversize Casual 404 Print T-shirt

Men's Fashion Smiley Print Short Sleeve T-Shirt Casual Crew Neck Top

Bear Graffiti Print Casual T-shirt

Unisex Oversize LA T-shirt

Sun Moon Star Ocean Oversize Tee

Fashion Hugh Poker Print T-shirt

Leisure Trees Moon Printed T-shirt

Sun Moon Star Ocean Oversize Tee

Smiley T-Shirt Oversized Casual Men's Short Sleeve T-Shirt

Men's Vintage Oversized Print T-Shirt

Unisex Oversize Casual 404 Print T-shirt

OVERSIZE 'I REALLY TRIED' T-SHIRT

Men's BELIEVER Crew T-Shirt

Mens Vintage Pure Cotton Printed Casual Tee

Compass Mountains And Rivers Printed Men's Casual T-shirt

Retro Men's Palm Springs, California Print Oversized T-shirt

Flower Design Diablo Oversized T-shirt

Flower Letter Printing Oversized T-shirt

Letter Butterfly Printed T-shirt

Men's Vintage Print Oversized T-Shirt

Unisex Paris France National Printed Oversized T-shirt

Men's Casual Printed Design T-shirt

Oversize Chicago Tee

California Print Short Sleeve T-Shirt

Men's Smile Casual T-shirt

from $17.95 $25.95

Oversized San Diego Padres Culture T-Shirt

LA Baseball Team Print Unisex T-shirt

Men's Smiley Print Cotton T-shirt

Oversize Pigeon Tee

Men's Oversized Fashion Print T-Shirt

Men's Oversized Poker Print T-Shirt

Oversize Vuelo Mafioso T-shirt

Men's Printed Fashion Plus Size Versatile T-Shirt

V-neck Men's Casual T-shirt Tops

Holiday Casual Solid Color Breathable Henley T-Shirt

Men's Vintage California Print Oversized T-Shirt

Men's Streetwear Graphic Printed Toy Bear Crew Neck Tee

Men's Vintage Print Relaxed Oversized T-Shirt

Poker Print Short-sleeved T-shirt

Oversize Only God Can Judge Me T-Shirt

Unisex Oversize Casual 404 Print T-shirt

Summer Retro Surf Marine Life Printed Casual Tee

Men's Casual Print Oversized Vintage Short Sleeve T-Shirt

Italy Casual Print Vintage T-shirt

Race Digital Printing Retro T-shirt

Mens Fashion Simple Printed Casual T-shirt

Oversize Statement T-shirt

Oversize Bull T-shirt

Retro Oversized USA Men's T-shirt

Oversized "Reload" Tee

Oversize Sun Moon Stars Tee

Unisex Paris France National Printed Oversized T-shirt

Men's Fashion Printed Casual T-Shirt

Casual Oversized "Tupac Tattoo" T-Shirt

Mens Fashion Print Short Sleeve T-shirt

Summer Surf Retro Casual Tee

Men's Breathable Long Sleeve Wide Collar Long Sleeve Casual T-Shirt

Think Twice Graphic Print T-shirt

Unisex Paris France National Printed Oversized T-shirt

Retro Men's Palm Springs Print Oversized T-shirt

Unisex Vintage Surf Beachside Quiksilver Printed Oversized Classic T-shirt

Emoji Printed Contrast Men's T-shirt

Butterfly Oversized Men's T-Shirt

West Coast Sign Letter T-Shirt

Unisex Street Style Virgen De Guadalupe Art Printed T-shirt

Men's Vintage Alphabet Print T-Shirt

Unisex Vintage Colombian National Football Y2K T-Shirt

Oversize Sun Moon Stars Tee

Men's Smiley Print Casual Vintage T-Shirt

Retro Men's COLORADO Print Oversized T-shirt

Unisex Retro Brazil National Football Print T-Shirt

Subscribe to get out latest fashions

© 2025 nicezap About Us Terms & Conditions Privacy Policy