✈FREE STANDARD SHIPPING OVER $69
❤10% Off For New Customers [CODE: NEW10]
✈FREE STANDARD SHIPPING OVER $69

✈FREE STANDARD SHIPPING OVER $69
❤10% Off For New Customers [CODE: NEW10]
✈FREE STANDARD SHIPPING OVER $69

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-944'); if (!smart_search_dom) return; const hasMovedIcon = !!document.querySelector('.header__wrapper .container .row.header>div>#app-smart-product-search-container-944'); 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-944`).style="display: block"; if (mobileSmartSearchDom) { document.querySelector(`#app-smart-product-search-container-944`).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(); 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(); } } 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-944')) .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-944')) .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-944')) .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-944')) .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-944')) .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-944')) .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 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-950'); if (!smart_search_dom) return; const hasMovedIcon = !!document.querySelector('.header__wrapper .container .row.header>div>#app-smart-product-search-container-950'); 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-950`).style="display: block"; if (mobileSmartSearchDom) { document.querySelector(`#app-smart-product-search-container-950`).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(); 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(); } } 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-950')) .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-950')) .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-950')) .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-950')) .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-950')) .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-950')) .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);

🔥Best Seller
New Arrivals
Elegant Retro
Swimsuit
Cotton & Linen
- Cotton & Linen
- Casual Style
- Cotton & Linen Suit
- Linen Tops
Abstract style
Dresses
Log in
Create an account

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-994'); if (!smart_search_dom) return; const hasMovedIcon = !!document.querySelector('.header__wrapper .container .row.header>div>#app-smart-product-search-container-994'); 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-994`).style="display: block"; if (mobileSmartSearchDom) { document.querySelector(`#app-smart-product-search-container-994`).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(); 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(); } } 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-994')) .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-994')) .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-994')) .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-994')) .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-994')) .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-994')) .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);

Men‘s Casual Shirt S

1822 Products

1822 Products

Men's Fashionable Round Neck Casual Pocket Long Sleeve Tops

Men's Fashionable Round Neck Casual Pocket Long Sleeve Tops

Men's Fashionable Round Neck Casual Pocket Long Sleeve Tops

+7

Men's Retro Lapel Button Casual Solid Color Long Sleeve Polo Shirt

Men's Retro Lapel Button Casual Solid Color Long Sleeve Polo Shirt

Men's Retro Lapel Button Casual Solid Color Long Sleeve Polo Shirt

+7

Men's Retro Lapel Button Casual Solid Color Short Sleeve POLO Shirt

Men's Retro Lapel Button Casual Solid Color Short Sleeve POLO Shirt

Men's Retro Lapel Button Casual Solid Color Short Sleeve POLO Shirt

+7

Men's Fashion Retro Washed Distressed Cotton Lapel Long Sleeve Polo Shirt

Men's Fashion Retro Washed Distressed Cotton Lapel Long Sleeve Polo Shirt

Men's Fashion Retro Washed Distressed Cotton Lapel Long Sleeve Polo Shirt

+7

Men's Vintage Washed And Distressed Cotton T-shirt

Men's Vintage Washed And Distressed Cotton T-shirt

Men's Vintage Washed And Distressed Cotton T-shirt

+9

Men's Vintage Washed And Distressed Pure Cotton Lapel Short-sleeved Polo Shirt

Men's Vintage Washed And Distressed Pure Cotton Lapel Short-sleeved Polo Shirt

Men's Vintage Washed And Distressed Pure Cotton Lapel Short-sleeved Polo Shirt

+7

Men's Retro Lapel Button Pocket Casual Short Sleeve POLO Shirt

Men's Retro Lapel Button Pocket Casual Short Sleeve POLO Shirt

Men's Retro Lapel Button Pocket Casual Short Sleeve POLO Shirt

+7

Men's Fashionable Casual Distressed Washed Long-sleeved Crew Neck Sweatshirt

Men's Fashionable Casual Distressed Washed Long-sleeved Crew Neck Sweatshirt

Men's Fashionable Casual Distressed Washed Long-sleeved Crew Neck Sweatshirt

+8

Men's Retro Fashion Pleated Round Neck Long Sleeve T-Shirt

Men's Retro Fashion Pleated Round Neck Long Sleeve T-Shirt

Men's Retro Fashion Pleated Round Neck Long Sleeve T-Shirt

+7

Men's Fashion Casual Retro Pure Cotton Lapel T-shirt

Men's Fashion Casual Retro Pure Cotton Lapel T-shirt

Men's Fashion Casual Retro Pure Cotton Lapel T-shirt

+7

Men's Retro Distressed Comfortable Long Sleeve Lapel Polo Shirt

Men's Retro Distressed Comfortable Long Sleeve Lapel Polo Shirt

Men's Retro Distressed Comfortable Long Sleeve Lapel Polo Shirt

+7

Men's Casual Solid Color Vintage Short Sleeve Button-down Henley Shirt

Men's Casual Solid Color Vintage Short Sleeve Button-down Henley Shirt

Men's Casual Solid Color Vintage Short Sleeve Button-down Henley Shirt

+7

Men's Fashionable Casual Half-Zip Stand Collar Long-Sleeved Sweatshirt

Men's Fashionable Casual Half-Zip Stand Collar Long-Sleeved Sweatshirt

Men's Fashionable Casual Half-Zip Stand Collar Long-Sleeved Sweatshirt

+7

Men's Summer Casual And Comfortable Coconut Print Sleeveless T-shirt

Men's Summer Casual And Comfortable Coconut Print Sleeveless T-shirt

Men's Summer Casual And Comfortable Coconut Print Sleeveless T-shirt

+7

Men's Retro Distressed Lapel Button Casual Solid Color POLO Shirt

Men's Retro Distressed Lapel Button Casual Solid Color POLO Shirt

Men's Retro Distressed Lapel Button Casual Solid Color POLO Shirt

+7

Men's Vintage Washed Palm Tree Print Short Sleeved Round Neck T-shirt

Men's Vintage Washed Palm Tree Print Short Sleeved Round Neck T-shirt

Men's Vintage Washed Palm Tree Print Short Sleeved Round Neck T-shirt

+7

Men's Fashion Vintage Washed Cotton Long Sleeve Pocket Henley Shirt

Men's Fashion Vintage Washed Cotton Long Sleeve Pocket Henley Shirt

Men's Fashion Vintage Washed Cotton Long Sleeve Pocket Henley Shirt

+7

Men's Fashion Lapel Splicing Short-sleeved Lapel Pocket Polo Shirt

Men's Fashion Lapel Splicing Short-sleeved Lapel Pocket Polo Shirt

Men's Fashion Lapel Splicing Short-sleeved Lapel Pocket Polo Shirt

+9

Men's Casual Fashion Loose Zipper Stand Collar Solid Color Sweater

Men's Casual Fashion Loose Zipper Stand Collar Solid Color Sweater

Men's Casual Fashion Loose Zipper Stand Collar Solid Color Sweater

+5

Men's Casual Retro Button Lapel Short Sleeve Polo Shirt

Men's Casual Retro Button Lapel Short Sleeve Polo Shirt

Men's Casual Retro Button Lapel Short Sleeve Polo Shirt

+7

Men's Vintage Solid Color Pocket Button Henley Shirt

Men's Vintage Solid Color Pocket Button Henley Shirt

Men's Vintage Solid Color Pocket Button Henley Shirt

+8

Men's Vintage Washed Cotton Long Sleeve Pocket Shirt

Men's Vintage Washed Cotton Long Sleeve Pocket Shirt

Men's Vintage Washed Cotton Long Sleeve Pocket Shirt

+7

Men's Retro Cotton Hooded Distressed Washed Solid Color Sweatshirt

Men's Retro Cotton Hooded Distressed Washed Solid Color Sweatshirt

Men's Retro Cotton Hooded Distressed Washed Solid Color Sweatshirt

+5

Men's Fashionable Retro Half-zip Stand Collar Casual Sweatshirt

Men's Fashionable Retro Half-zip Stand Collar Casual Sweatshirt

Men's Fashionable Retro Half-zip Stand Collar Casual Sweatshirt

+7

Men's Retro Casual Distressed Button Henley Shirt

Men's Retro Casual Distressed Button Henley Shirt

Men's Retro Casual Distressed Button Henley Shirt

+7

Men's Washed Distressed Cotton Basic Round Neck Long-sleeved Sweatshirt

Men's Washed Distressed Cotton Basic Round Neck Long-sleeved Sweatshirt

Men's Washed Distressed Cotton Basic Round Neck Long-sleeved Sweatshirt

+5

Men's Fashion Retro Distressed Round Neck Pocket Long Sleeve T-Shirt

Men's Fashion Retro Distressed Round Neck Pocket Long Sleeve T-Shirt

Men's Fashion Retro Distressed Round Neck Pocket Long Sleeve T-Shirt

+7

Men's Distressed Vintage Stylish Textured Washed Drawstring Trousers

Men's Distressed Vintage Stylish Textured Washed Drawstring Trousers

Men's Distressed Vintage Stylish Textured Washed Drawstring Trousers

+8

Men's Casual Cotton Long Sleeve Henley Shirt

Men's Casual Cotton Long Sleeve Henley Shirt

Men's Casual Cotton Long Sleeve Henley Shirt

+3

Men's Fashion Cotton Short Sleeve Henley Shirt

Men's Fashion Cotton Short Sleeve Henley Shirt

Men's Fashion Cotton Short Sleeve Henley Shirt

+9

Men's 100% Cotton Washed Distressed Vintage Long-sleeved T-shirt

Men's 100% Cotton Washed Distressed Vintage Long-sleeved T-shirt

Men's 100% Cotton Washed Distressed Vintage Long-sleeved T-shirt

+6

Men's Fashion Vintage Washed Cotton Round Neck Long Sleeve T-Shirt

Men's Fashion Vintage Washed Cotton Round Neck Long Sleeve T-Shirt

Men's Fashion Vintage Washed Cotton Round Neck Long Sleeve T-Shirt

+6

Men's Casual Zipper Pocket Hooded Sweatshirt

Men's Casual Zipper Pocket Hooded Sweatshirt

Men's Casual Zipper Pocket Hooded Sweatshirt

+7

Men's Fashion Casual Retro Lapel Long Sleeve Polo Shirt

Men's Fashion Casual Retro Lapel Long Sleeve Polo Shirt

Men's Fashion Casual Retro Lapel Long Sleeve Polo Shirt

+7

Men's Fashion Vintage Distressed Pocket Long Sleeve Henley Shirt

Men's Fashion Vintage Distressed Pocket Long Sleeve Henley Shirt

Men's Fashion Vintage Distressed Pocket Long Sleeve Henley Shirt

+7

Men's Simple Everyday Stand Collar Zipper Jacket

Men's Simple Everyday Stand Collar Zipper Jacket

Men's Simple Everyday Stand Collar Zipper Jacket

+7

Men's Casual Waffle Solid Color Long Sleeve Henry Shirt

Men's Casual Waffle Solid Color Long Sleeve Henry Shirt

Men's Casual Waffle Solid Color Long Sleeve Henry Shirt

+3

Men's Retro Casual Simple V-neck Long-sleeved T-shirt

Men's Retro Casual Simple V-neck Long-sleeved T-shirt

Men's Retro Casual Simple V-neck Long-sleeved T-shirt

+8

Men's Casual and Comfortable Solid Color Lapel Long Sleeve POLO Shirt

Men's Casual and Comfortable Solid Color Lapel Long Sleeve POLO Shirt

Men's Casual and Comfortable Solid Color Lapel Long Sleeve POLO Shirt

+7

Men's Casual And Comfortable Solid Color Pocket Long Sleeve Lapel Sweatshirts

Men's Casual And Comfortable Solid Color Pocket Long Sleeve Lapel Sweatshirts

Men's Casual And Comfortable Solid Color Pocket Long Sleeve Lapel Sweatshirts

+7

Men's Casual And Comfortable Solid Color Pocket Long Sleeve Lapel Sweatshirt

Men's Casual And Comfortable Solid Color Pocket Long Sleeve Lapel Sweatshirt

Men's Casual And Comfortable Solid Color Pocket Long Sleeve Lapel Sweatshirt

+7

Men's Fashion Casual Pleated Fabric Pocket Lapel Long-sleeved Shirt

Men's Fashion Casual Pleated Fabric Pocket Lapel Long-sleeved Shirt

Men's Fashion Casual Pleated Fabric Pocket Lapel Long-sleeved Shirt

+7

Men's Patchwork Button-down Short-sleeved Henley Shirt

Men's Patchwork Button-down Short-sleeved Henley Shirt

Men's Patchwork Button-down Short-sleeved Henley Shirt

+3

Men's Summer Round Neck Solid Color Sleeveless Tank Top T-Shirt

Men's Summer Round Neck Solid Color Sleeveless Tank Top T-Shirt

Men's Summer Round Neck Solid Color Sleeveless Tank Top T-Shirt

+9

Men's Summer Solid Color 100% Cotton Comfortable Casual Sleeveless T-shirt

Men's Summer Solid Color 100% Cotton Comfortable Casual Sleeveless T-shirt

Men's Summer Solid Color 100% Cotton Comfortable Casual Sleeveless T-shirt

+7

Men's Retro Baseball Collar Solid Color Casual And Comfortable Sweatshirt

Men's Retro Baseball Collar Solid Color Casual And Comfortable Sweatshirt

Men's Retro Baseball Collar Solid Color Casual And Comfortable Sweatshirt

+7

Men's Casual Cotton Lapel Pocket Long Sleeve Polo Shirt

Men's Casual Cotton Lapel Pocket Long Sleeve Polo Shirt

Men's Casual Cotton Lapel Pocket Long Sleeve Polo Shirt

+5

Men's 100% Cotton Washed And Distressed Vintage Round Neck Sleeveless Sports Tank Top

Men's 100% Cotton Washed And Distressed Vintage Round Neck Sleeveless Sports Tank Top

Men's 100% Cotton Washed And Distressed Vintage Round Neck Sleeveless Sports Tank Top

+7

Men's Casual Lapel Buttoned Coconut Print Long Sleeve POLO Shirt

Men's Casual Lapel Buttoned Coconut Print Long Sleeve POLO Shirt

Men's Casual Lapel Buttoned Coconut Print Long Sleeve POLO Shirt

+7

Men's Casual Solid Color Vintage Pocket Long Sleeve Button-down Henley Shirt

Men's Casual Solid Color Vintage Pocket Long Sleeve Button-down Henley Shirt

Men's Casual Solid Color Vintage Pocket Long Sleeve Button-down Henley Shirt

+7

Men's Waffle Lapel Button Down Casual Long Sleeve POLO Shirt

Men's Waffle Lapel Button Down Casual Long Sleeve POLO Shirt

Men's Waffle Lapel Button Down Casual Long Sleeve POLO Shirt

+7

Men's Casual Vintage Coconut Print Button-down Henley

Men's Casual Vintage Coconut Print Button-down Henley

Men's Casual Vintage Coconut Print Button-down Henley

+7

Men's Fashionable Round Neck Casual Pocket Long Sleeve Top

Men's Fashionable Round Neck Casual Pocket Long Sleeve Top

Men's Fashionable Round Neck Casual Pocket Long Sleeve Top

+7

Men's Vintage Solid Color Pocket Button Henley Shirt

Men's Vintage Solid Color Pocket Button Henley Shirt

Men's Vintage Solid Color Pocket Button Henley Shirt

+8

Men's Fashion Retro Washed Distressed Cotton Lapel Long Sleeve Polo Shirt

Men's Fashion Retro Washed Distressed Cotton Lapel Long Sleeve Polo Shirt

Men's Fashion Retro Washed Distressed Cotton Lapel Long Sleeve Polo Shirt

+7

Men's Casual Solid Color Stand Collar Zipper Sweatshirt

Men's Casual Solid Color Stand Collar Zipper Sweatshirt

Men's Casual Solid Color Stand Collar Zipper Sweatshirt

+8

Men's Fashion Casual Waffle Fabric Lapel Long Sleeve Shirt

Men's Fashion Casual Waffle Fabric Lapel Long Sleeve Shirt

Men's Fashion Casual Waffle Fabric Lapel Long Sleeve Shirt

+7

Men's Retro Casual Stand Collar Quarter-Zip Short Sleeve T-Shirt

Men's Retro Casual Stand Collar Quarter-Zip Short Sleeve T-Shirt

Men's Retro Casual Stand Collar Quarter-Zip Short Sleeve T-Shirt

+7

Men's Daily Simple Solid Color Pit Lapel Button-up Polo Shirt

Men's Daily Simple Solid Color Pit Lapel Button-up Polo Shirt

Men's Daily Simple Solid Color Pit Lapel Button-up Polo Shirt

+7

Men's Dyed Vintage Business Lapel Button Texture Distressed Casual Short Sleeve POLO Shirt

Men's Dyed Vintage Business Lapel Button Texture Distressed Casual Short Sleeve POLO Shirt

Men's Dyed Vintage Business Lapel Button Texture Distressed Casual Short Sleeve POLO Shirt

+8

Men's Basic Mid-Length Windbreaker Hooded Casual Solid Color Jacket

Men's Basic Mid-Length Windbreaker Hooded Casual Solid Color Jacket

Men's Basic Mid-Length Windbreaker Hooded Casual Solid Color Jacket

+3

Men's Retro Casual Multi-pocket Elastic Waist Solid Color Trousers

Men's Retro Casual Multi-pocket Elastic Waist Solid Color Trousers

Men's Retro Casual Multi-pocket Elastic Waist Solid Color Trousers

+6

Men's Casual Cotton Drawstring Elastic Waist Shorts

Men's Casual Cotton Drawstring Elastic Waist Shorts

Men's Casual Cotton Drawstring Elastic Waist Shorts

+2

Men's Simple Solid Color Vintage Waffle Long Sleeve Henley Shirt

Men's Simple Solid Color Vintage Waffle Long Sleeve Henley Shirt

Men's Simple Solid Color Vintage Waffle Long Sleeve Henley Shirt

+7

Men's Fashion Casual Pleated Fabric Long Sleeve Shirt

Men's Fashion Casual Pleated Fabric Long Sleeve Shirt

Men's Fashion Casual Pleated Fabric Long Sleeve Shirt

+7

Men's Fashion Street Striped Round Neck Short Sleeve T-Shirt

Men's Fashion Street Striped Round Neck Short Sleeve T-Shirt

Men's Fashion Street Striped Round Neck Short Sleeve T-Shirt

+6

Men's Casual Fashion Retro Washed And Aged Gradient Short-sleeved T-shirt

Men's Casual Fashion Retro Washed And Aged Gradient Short-sleeved T-shirt

Men's Casual Fashion Retro Washed And Aged Gradient Short-sleeved T-shirt

+7

Men's Fashion Retro Distressed Lapel Long-sleeved Shirt

Men's Fashion Retro Distressed Lapel Long-sleeved Shirt

Men's Fashion Retro Distressed Lapel Long-sleeved Shirt

+7

Men's Fashion Casual Retro Ribbed Fabric Long Sleeve Henley Shirt

Men's Fashion Casual Retro Ribbed Fabric Long Sleeve Henley Shirt

Men's Fashion Casual Retro Ribbed Fabric Long Sleeve Henley Shirt

+6

Men's Casual Solid Color Short-sleeved Shirt With Lapel And Pit Pockets

Men's Casual Solid Color Short-sleeved Shirt With Lapel And Pit Pockets

Men's Casual Solid Color Short-sleeved Shirt With Lapel And Pit Pockets

+7

Men's Summer Comfortable Solid Color Texture Round Neck Short-sleeved T-shirt

Men's Summer Comfortable Solid Color Texture Round Neck Short-sleeved T-shirt

Men's Summer Comfortable Solid Color Texture Round Neck Short-sleeved T-shirt

+5

Men's Fashion Vintage Distressed Lapel Long Sleeve Polo Shirt

Men's Fashion Vintage Distressed Lapel Long Sleeve Polo Shirt

Men's Fashion Vintage Distressed Lapel Long Sleeve Polo Shirt

+7

Men's Striped Casual Basic Polo Shirt

Men's Striped Casual Basic Polo Shirt

Men's Striped Casual Basic Polo Shirt

+5

Men's Fashion Casual Lapel Short Sleeve Polo Shirt

Men's Fashion Casual Lapel Short Sleeve Polo Shirt

Men's Fashion Casual Lapel Short Sleeve Polo Shirt

+3

Men's Waffle Retro Dyed Distressed Trendy Casual Long Sleeve Henley Shirt Top

Men's Waffle Retro Dyed Distressed Trendy Casual Long Sleeve Henley Shirt Top

Men's Waffle Retro Dyed Distressed Trendy Casual Long Sleeve Henley Shirt Top

+9

Men's Waffle Casual Stylish Button-Down Henley Top

Men's Waffle Casual Stylish Button-Down Henley Top

Men's Waffle Casual Stylish Button-Down Henley Top

+10

Men's Vintage Dyed Distressed Business Casual Long Sleeve Button Collar POLO Shirt

Men's Vintage Dyed Distressed Business Casual Long Sleeve Button Collar POLO Shirt

Men's Vintage Dyed Distressed Business Casual Long Sleeve Button Collar POLO Shirt

+9

Men's Fashion Casual Comfortable Loose Ribbed Fabric Short-sleeved Polo Shirt

Men's Fashion Casual Comfortable Loose Ribbed Fabric Short-sleeved Polo Shirt

Men's Fashion Casual Comfortable Loose Ribbed Fabric Short-sleeved Polo Shirt

+7

Men's Daily Casual Hollow Comfortable Short-sleeved Lapel Shirt

Men's Daily Casual Hollow Comfortable Short-sleeved Lapel Shirt

Men's Daily Casual Hollow Comfortable Short-sleeved Lapel Shirt

+7

Men's Casual Everyday Solid Color Waffle Short Sleeve T-shirt

Men's Casual Everyday Solid Color Waffle Short Sleeve T-shirt

Men's Casual Everyday Solid Color Waffle Short Sleeve T-shirt

+7

Sorry, there are no products in this collection.

New In

VIEW ALL

Subscribe to get special offers, free giveaways, and once-in-a-lifetime deals.

Thanks for subscribing

© 2025 Eqikai

SHIPPING INFORMATION

TERMS AND CONDITIONS

SHIPPING NOTICE

INTELLECTUAL PROPERTY RIGHTS

Track Your Order