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

Casual Style

602 Products

602 Products

Women's Zipper Jacket & Pants Two-piece Set

Women's Zipper Jacket & Pants Two-piece Set

Women's Zipper Jacket & Pants Two-piece Set

+2

HOT SALE Buttery Soft Microfiber Long Sleeve Side Slit Loungewear Set

HOT SALE Buttery Soft Microfiber Long Sleeve Side Slit Loungewear Set

HOT SALE Buttery Soft Microfiber Long Sleeve Side Slit Loungewear Set

$39.99 ~~$56.99~~

+6

Women's Solid Color V-neck Top & Pants Two-piece Set

Women's Solid Color V-neck Top & Pants Two-piece Set

Women's Solid Color V-neck Top & Pants Two-piece Set

+4

Women's V-Neck Soft Knit Border Edge Trouser Co-Ord

Women's V-Neck Soft Knit Border Edge Trouser Co-Ord

Women's V-Neck Soft Knit Border Edge Trouser Co-Ord

$45.99 ~~$49.99~~

+2

Oversized Sweatshirt Wide Leg Pants Two Piece Set

Oversized Sweatshirt Wide Leg Pants Two Piece Set

Oversized Sweatshirt Wide Leg Pants Two Piece Set

$46.99 ~~$99.00~~

+6

Turtleneck Drawstring Waist Slit Casual Suit

Turtleneck Drawstring Waist Slit Casual Suit

Turtleneck Drawstring Waist Slit Casual Suit

$43.99 ~~$79.99~~

+1

Women's Hooded Long Sequined Casual Suit

Women's Hooded Long Sequined Casual Suit

Women's Hooded Long Sequined Casual Suit

+2

🔥LAST DAY 49% OFF - Women's 2 Piece Sets Outfits Casual Long Sleeve Sweatsuits Sets (🔥Same as in the video)

🔥LAST DAY 49% OFF - Women's 2 Piece Sets Outfits Casual Long Sleeve Sweatsuits Sets (🔥Same as in the video)

🔥LAST DAY 49% OFF - Women's 2 Piece Sets Outfits Casual Long Sleeve Sweatsuits Sets (🔥Same as in the video)

$47.99 ~~$59.99~~

Women's 2 Piece Sets Outfits Casual Long Sleeve Sweatsuits Sets

Women's 2 Piece Sets Outfits Casual Long Sleeve Sweatsuits Sets

Women's 2 Piece Sets Outfits Casual Long Sleeve Sweatsuits Sets

$44.99 ~~$79.99~~

+4

Casual V-neck Shawl Jacket (Buy 2 Free Shipping)

Casual V-neck Shawl Jacket (Buy 2 Free Shipping)

Casual V-neck Shawl Jacket (Buy 2 Free Shipping)

$39.99 ~~$69.99~~

+3

2024 NEW Women's Ribbed Accent Pocketed Pullover (Buy 2 Free Shipping)

2024 NEW Women's Ribbed Accent Pocketed Pullover (Buy 2 Free Shipping)

2024 NEW Women's Ribbed Accent Pocketed Pullover (Buy 2 Free Shipping)

$34.99 ~~$69.98~~

+5

Casual Round Neck Long Sleeve Two Piece Suit

Casual Round Neck Long Sleeve Two Piece Suit

Casual Round Neck Long Sleeve Two Piece Suit

$41.99 ~~$43.99~~

+6

Women's Casual Solid Color Round Neck Long Sleeve Slit Hem Sweatshirt Leggings Set

Women's Casual Solid Color Round Neck Long Sleeve Slit Hem Sweatshirt Leggings Set

Women's Casual Solid Color Round Neck Long Sleeve Slit Hem Sweatshirt Leggings Set

$41.99 ~~$46.99~~

+3

Casual Round Neck Long Sleeve Two Piece Suit

Casual Round Neck Long Sleeve Two Piece Suit

Casual Round Neck Long Sleeve Two Piece Suit

$46.99 ~~$59.99~~

+6

Women's Lapel Casual Commuter Suit Two Piece Suit

Women's Lapel Casual Commuter Suit Two Piece Suit

Women's Lapel Casual Commuter Suit Two Piece Suit

$40.99 ~~$45.99~~

+2

Women's Lapel Long Sleeve Casual Suit

Women's Lapel Long Sleeve Casual Suit

Women's Lapel Long Sleeve Casual Suit

$39.99 ~~$43.00~~

+6

Women's Knitted Buttoned Jacket and Pants Two-piece Set

Women's Knitted Buttoned Jacket and Pants Two-piece Set

Women's Knitted Buttoned Jacket and Pants Two-piece Set

+2

Casual button decorated cotton and linen two-piece set

Casual button decorated cotton and linen two-piece set

Casual button decorated cotton and linen two-piece set

$45.99 ~~$55.99~~

+6

Women's solid color Long Sleeve Jumper & Pleated Bottom Dress Fashion Trends

Women's solid color Long Sleeve Jumper & Pleated Bottom Dress Fashion Trends

Women's solid color Long Sleeve Jumper & Pleated Bottom Dress Fashion Trends

$45.99 ~~$49.99~~

+6

Women's Casual Solid Color Mesh Patchwork Dress

Women's Casual Solid Color Mesh Patchwork Dress

Women's Casual Solid Color Mesh Patchwork Dress

$42.98 ~~$68.99~~

+2

Women's Irregular Hem Satin Top

Women's Irregular Hem Satin Top

Women's Irregular Hem Satin Top

$26.99 ~~$36.99~~

+2

Women's V-neck Solid Color Mid-length Sleeve Cotton and Linen Dress

Women's V-neck Solid Color Mid-length Sleeve Cotton and Linen Dress

Women's V-neck Solid Color Mid-length Sleeve Cotton and Linen Dress

$41.99 ~~$49.99~~

+2

Water Resistant Hooded Windbreaker Rain Jacket

Water Resistant Hooded Windbreaker Rain Jacket

Water Resistant Hooded Windbreaker Rain Jacket

$39.98 ~~$98.33~~

+6

Women's Slimming Mid-Length Reversible Trench Coat

Women's Slimming Mid-Length Reversible Trench Coat

Women's Slimming Mid-Length Reversible Trench Coat

$41.99 ~~$59.99~~

Women Cotton and Linen V-neck Two-piece Suit

Women Cotton and Linen V-neck Two-piece Suit

Women Cotton and Linen V-neck Two-piece Suit

+1

Women's High Collar Long Sleeve Autumn and Winter Casual Sweater Suit

Women's High Collar Long Sleeve Autumn and Winter Casual Sweater Suit

Women's High Collar Long Sleeve Autumn and Winter Casual Sweater Suit

2024 New Lounge Washed Hoodie Skort Set (Buy 2 Free Shipping)

2024 New Lounge Washed Hoodie Skort Set (Buy 2 Free Shipping)

2024 New Lounge Washed Hoodie Skort Set (Buy 2 Free Shipping)

$36.99 ~~$73.98~~

Women's Ribbed Accent Pocketed Pullover (Buy 2 Free Shipping)

Women's Ribbed Accent Pocketed Pullover (Buy 2 Free Shipping)

Women's Ribbed Accent Pocketed Pullover (Buy 2 Free Shipping)

$32.99 ~~$65.98~~

+5

Women's Fashionable Leopard Lapel Faux Fur Winter Mid-Length Coat

Women's Fashionable Leopard Lapel Faux Fur Winter Mid-Length Coat

Women's Fashionable Leopard Lapel Faux Fur Winter Mid-Length Coat

$49.98 ~~$79.98~~

+2

Camel Leopard Oversize Long Sleeve Dress

Camel Leopard Oversize Long Sleeve Dress

Camel Leopard Oversize Long Sleeve Dress

$36.99 ~~$69.99~~

Leopard Print Barrel Jeans

Leopard Print Barrel Jeans

Leopard Print Barrel Jeans

from $45.99 ~~$115.99~~

+4

👖Tummy Control Cropped Wide-Leg Jeans ⭐ 2024 Best Selling Jeans

👖Tummy Control Cropped Wide-Leg Jeans ⭐ 2024 Best Selling Jeans

👖Tummy Control Cropped Wide-Leg Jeans ⭐ 2024 Best Selling Jeans

from $39.99 ~~$79.98~~

Tummy Control Button Wide Leg Pant(BUY 2 FREE SHIPPING)

Tummy Control Button Wide Leg Pant(BUY 2 FREE SHIPPING)

Tummy Control Button Wide Leg Pant(BUY 2 FREE SHIPPING)

from $39.99 ~~$79.98~~

+4

2024 Fall sale!!🍁Cowl Neck Batwing Sleeve Pullover Sweater with Pockets

2024 Fall sale!!🍁Cowl Neck Batwing Sleeve Pullover Sweater with Pockets

2024 Fall sale!!🍁Cowl Neck Batwing Sleeve Pullover Sweater with Pockets

$39.98 ~~$69.98~~

+6

Women's Solid Color Knitted Jumpsuit

Women's Solid Color Knitted Jumpsuit

Women's Solid Color Knitted Jumpsuit

$40.99 ~~$42.99~~

Women's Casual Round Neck Diamond Hooded Two Piece Suit

Women's Casual Round Neck Diamond Hooded Two Piece Suit

Women's Casual Round Neck Diamond Hooded Two Piece Suit

$43.99 ~~$46.99~~

+2

Fashion plain women's shirt tops

Fashion plain women's shirt tops

Fashion plain women's shirt tops

$34.98 ~~$79.99~~

+2

Women's Round Neck Mid-sleeve Knitted Casual Top

Women's Round Neck Mid-sleeve Knitted Casual Top

Women's Round Neck Mid-sleeve Knitted Casual Top

$35.99 ~~$49.99~~

+2

Women's casual loose denim trousers

Women's casual loose denim trousers

Women's casual loose denim trousers

$38.99 ~~$43.99~~

Oversized Mohair-Blend Sweater Skirt Set

Oversized Mohair-Blend Sweater Skirt Set

Oversized Mohair-Blend Sweater Skirt Set

Casual And Versatile Preppy Sweater Set

Casual And Versatile Preppy Sweater Set

Casual And Versatile Preppy Sweater Set

$58.99 ~~$89.99~~

+4

Casual solid color cotton and linen pants two-piece set

Casual solid color cotton and linen pants two-piece set

Casual solid color cotton and linen pants two-piece set

$39.98 ~~$58.98~~

+9

Women Summer Casual Linen Long Two-piece Set Pant Suits

Women Summer Casual Linen Long Two-piece Set Pant Suits

Women Summer Casual Linen Long Two-piece Set Pant Suits

$39.99 ~~$59.99~~

+4

Women Casual Plain Shirt and Pants Two-pieces Set

Women Casual Plain Shirt and Pants Two-pieces Set

Women Casual Plain Shirt and Pants Two-pieces Set

from $35.99 ~~$55.98~~

+4

Women Colorful Chiffon Set Summer Casual Crew Neck Printed Two Piece Suit

Women Colorful Chiffon Set Summer Casual Crew Neck Printed Two Piece Suit

Women Colorful Chiffon Set Summer Casual Crew Neck Printed Two Piece Suit

$45.99 ~~$68.00~~

+4

Women's Slim Fit Side Web Half-Zip Jumpsuit

Women's Slim Fit Side Web Half-Zip Jumpsuit

Women's Slim Fit Side Web Half-Zip Jumpsuit

$34.99 ~~$44.99~~

+2

Hooded Casual and Comfortable Sweatshirt Suit

Hooded Casual and Comfortable Sweatshirt Suit

Hooded Casual and Comfortable Sweatshirt Suit

from $40.99 ~~$45.99~~

+5

Women's Fashion Solid Color Hoodie and Lined Leggings two-piece set

Women's Fashion Solid Color Hoodie and Lined Leggings two-piece set

Women's Fashion Solid Color Hoodie and Lined Leggings two-piece set

+3

Casual Stripe Vest And Blazer Three-Piece Set

Casual Stripe Vest And Blazer Three-Piece Set

Casual Stripe Vest And Blazer Three-Piece Set

from $54.38 ~~$78.38~~

Fashionable Striped Blazer & Wide Leg Pants Two-Piece Set

Fashionable Striped Blazer & Wide Leg Pants Two-Piece Set

Fashionable Striped Blazer & Wide Leg Pants Two-Piece Set

$47.99 ~~$78.36~~

Casual V-Neck Striped Sweat & Wide Leg Pants Two-Piece Set

Casual V-Neck Striped Sweat & Wide Leg Pants Two-Piece Set

Casual V-Neck Striped Sweat & Wide Leg Pants Two-Piece Set

$45.99 ~~$75.35~~

Casual Zip Jacket & Pants Two-Piece Set

Casual Zip Jacket & Pants Two-Piece Set

Casual Zip Jacket & Pants Two-Piece Set

$47.99 ~~$78.38~~

Autumn and winter spliced casual two-piece set

Autumn and winter spliced casual two-piece set

Autumn and winter spliced casual two-piece set

$52.79 ~~$75.00~~

Fall and winter deep V-neck casual two-piece set

Fall and winter deep V-neck casual two-piece set

Fall and winter deep V-neck casual two-piece set

$52.99 ~~$75.00~~

Casual Crewneck Sweater & Pants Two-piece Set

Casual Crewneck Sweater & Pants Two-piece Set

Casual Crewneck Sweater & Pants Two-piece Set

$56.38 ~~$79.38~~

Women's Round Neck Long Sleeve Polka Dot Print Suit

Women's Round Neck Long Sleeve Polka Dot Print Suit

Women's Round Neck Long Sleeve Polka Dot Print Suit

$28.55 ~~$43.99~~

+4

Satin crew neck casual suit

Satin crew neck casual suit

Satin crew neck casual suit

$29.99 ~~$49.99~~

+6

Women's Comfortable Striped Top And Pants Two-Piece Set

Women's Comfortable Striped Top And Pants Two-Piece Set

Women's Comfortable Striped Top And Pants Two-Piece Set

$45.98 ~~$68.98~~

+3

Women's Cotton and Linen Casual Two-piece Set

Women's Cotton and Linen Casual Two-piece Set

Women's Cotton and Linen Casual Two-piece Set

$29.99 ~~$55.55~~

+3

Women's Casual Cotton And Linen Suit

Women's Casual Cotton And Linen Suit

Women's Casual Cotton And Linen Suit

$40.98 ~~$68.98~~

+3

Women's Lapel Long Sleeve Casual Jumpsuit

Women's Lapel Long Sleeve Casual Jumpsuit

Women's Lapel Long Sleeve Casual Jumpsuit

$36.99 ~~$45.99~~

Horizon Wide-Leg Jumpsuit(BUY 2 FREE SHIPPING)

Horizon Wide-Leg Jumpsuit(BUY 2 FREE SHIPPING)

Horizon Wide-Leg Jumpsuit(BUY 2 FREE SHIPPING)

from $39.99 ~~$79.98~~

+3

Casual Round Neck Zipper Thin Jacket (Buy 2 Free Shipping)

Casual Round Neck Zipper Thin Jacket (Buy 2 Free Shipping)

Casual Round Neck Zipper Thin Jacket (Buy 2 Free Shipping)

$39.99 ~~$77.98~~

+5

Women's Long Sleeve Casual Sweater Dress with Pile Collar

Women's Long Sleeve Casual Sweater Dress with Pile Collar

Women's Long Sleeve Casual Sweater Dress with Pile Collar

$39.99 ~~$59.99~~

Amber High Neck Sweater

Amber High Neck Sweater

Amber High Neck Sweater

$33.99 ~~$59.95~~

Casual and Comfortable Sweatshirt Suit

Casual and Comfortable Sweatshirt Suit

Casual and Comfortable Sweatshirt Suit

from $42.99 ~~$89.98~~

+4

Two-piece solid color western fit suit

Two-piece solid color western fit suit

Two-piece solid color western fit suit

$34.84 ~~$60.00~~

Women's Solid Color Knitted Two-piece Suit

Women's Solid Color Knitted Two-piece Suit

Women's Solid Color Knitted Two-piece Suit

from $29.89 ~~$39.98~~

+6

Fashionable Sequin Top And Bronzing Trousers Two-piece Set

Fashionable Sequin Top And Bronzing Trousers Two-piece Set

Fashionable Sequin Top And Bronzing Trousers Two-piece Set

$33.99 ~~$55.55~~

+5

Casual Solid Color V-Neck Shirt & Pants Cotton Linen Two-Piece Set

Casual Solid Color V-Neck Shirt & Pants Cotton Linen Two-Piece Set

Casual Solid Color V-Neck Shirt & Pants Cotton Linen Two-Piece Set

$43.91 ~~$62.73~~

+7

Women's Tank And Casual Pants Linen Cotton Suit

Women's Tank And Casual Pants Linen Cotton Suit

Women's Tank And Casual Pants Linen Cotton Suit

$35.98 ~~$68.98~~

+4

Women Plain Satin Three-pieces Set

Women Plain Satin Three-pieces Set

Women Plain Satin Three-pieces Set

$35.99 ~~$45.99~~

+4

Women's casual half-zip top + bloomers solid color two-piece set

Women's casual half-zip top + bloomers solid color two-piece set

Women's casual half-zip top + bloomers solid color two-piece set

$33.99 ~~$43.99~~

Women's Linen Back Cut-Out Shirt And Trousers Two-Piece Set

Women's Linen Back Cut-Out Shirt And Trousers Two-Piece Set

Women's Linen Back Cut-Out Shirt And Trousers Two-Piece Set

$34.99 ~~$44.99~~

+4

Casual Hooded Zipper Cotton and Linen Two-piece Suit

Casual Hooded Zipper Cotton and Linen Two-piece Suit

Casual Hooded Zipper Cotton and Linen Two-piece Suit

$37.99 ~~$45.99~~

+4

Women's Knitted Tank Dress V Neck Sweatshirt Set

Women's Knitted Tank Dress V Neck Sweatshirt Set

Women's Knitted Tank Dress V Neck Sweatshirt Set

$31.00 ~~$39.00~~

Casual solid color cotton and linen pants two-piece set

Casual solid color cotton and linen pants two-piece set

Casual solid color cotton and linen pants two-piece set

$27.00 ~~$37.00~~

+3

Knitted solid color loose casual suit

Knitted solid color loose casual suit

Knitted solid color loose casual suit

$46.56 ~~$62.00~~

Solid Color Front Twisted Two Pieces Set

Solid Color Front Twisted Two Pieces Set

Solid Color Front Twisted Two Pieces Set

$46.23 ~~$55.10~~

Elegant & Fashion Solid Color High Collar Two-piece Suits

Elegant & Fashion Solid Color High Collar Two-piece Suits

Elegant & Fashion Solid Color High Collar Two-piece Suits

$38.95 ~~$48.45~~

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