✈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; const BREAKPOINT = 960; const DELAY = 300; 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', } let HEADER_DOM = 'header'; Object.keys(HEADER_DOM_MAP) .map(themeName=>{ if (THEME_NAME.toLocaleLowerCase().includes(themeName.toLocaleLowerCase())) { HEADER_DOM = HEADER_DOM_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(); } init() { 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-75`).style="display: block"; if (mobileSmartSearchDom) { document.querySelector(`#app-smart-product-search-container-75`).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'); 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-75')) .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-75')) .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-75')) .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-75')) .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-75')) .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-75')) .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; const BREAKPOINT = 960; const DELAY = 300; 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', } let HEADER_DOM = 'header'; Object.keys(HEADER_DOM_MAP) .map(themeName=>{ if (THEME_NAME.toLocaleLowerCase().includes(themeName.toLocaleLowerCase())) { HEADER_DOM = HEADER_DOM_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(); } init() { 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-0`).style="display: block"; if (mobileSmartSearchDom) { document.querySelector(`#app-smart-product-search-container-0`).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'); 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-0')) .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-0')) .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-0')) .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-0')) .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-0')) .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-0')) .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
- Hot Flared Pants
- Casual Style
- Cotton & Linen Suit
- Linen Tops
Abstract style
Dresses
Tops
- Tops
- Sweater
- Outerwear
  - Outerwear
  - Vacation Cardigan
- Linen Tops
- Casual Hoodie Top
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; const BREAKPOINT = 960; const DELAY = 300; 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', } let HEADER_DOM = 'header'; Object.keys(HEADER_DOM_MAP) .map(themeName=>{ if (THEME_NAME.toLocaleLowerCase().includes(themeName.toLocaleLowerCase())) { HEADER_DOM = HEADER_DOM_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(); } init() { 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-5`).style="display: block"; if (mobileSmartSearchDom) { document.querySelector(`#app-smart-product-search-container-5`).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'); 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-5')) .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-5')) .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-5')) .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-5')) .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-5')) .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-5')) .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 I

557 Products

557 Products

Women's Lace Dress Suit

Women's Lace Dress Suit

Women's Lace Dress Suit

$56.64 ~~$72.09~~

Women's Adjustable Shoulder Strap Pocket Cotton and Linen Dress

Women's Adjustable Shoulder Strap Pocket Cotton and Linen Dress

Women's Adjustable Shoulder Strap Pocket Cotton and Linen Dress

+6

Women's Pocket Lapel Cotton Dress

Women's Pocket Lapel Cotton Dress

Women's Pocket Lapel Cotton Dress

$46.34 ~~$51.49~~

+2

Women's Comfortable Linen Pocket Dress

Women's Comfortable Linen Pocket Dress

Women's Comfortable Linen Pocket Dress

+3

Women'S Casual Solid Color Loose Cotton And Linen Dress

Women'S Casual Solid Color Loose Cotton And Linen Dress

Women'S Casual Solid Color Loose Cotton And Linen Dress

$41.19 ~~$56.43~~

Women's Casual Solid Color Lapel Long Sleeve Cotton and Linen Dress

Women's Casual Solid Color Lapel Long Sleeve Cotton and Linen Dress

Women's Casual Solid Color Lapel Long Sleeve Cotton and Linen Dress

$45.31 ~~$63.44~~

Women'S Casual Loose Solid Color Cotton And Linen Jumpsuit

Women'S Casual Loose Solid Color Cotton And Linen Jumpsuit

Women'S Casual Loose Solid Color Cotton And Linen Jumpsuit

$44.28 ~~$62.00~~

Women's Casual Solid Color Lapel Short Sleeve Skirt Two-piece Suit

Women's Casual Solid Color Lapel Short Sleeve Skirt Two-piece Suit

Women's Casual Solid Color Lapel Short Sleeve Skirt Two-piece Suit

$58.70 ~~$86.70~~

Women's Casual Solid Color Round Neck Three-quarter Sleeve Button Cotton and Linen Dress

Women's Casual Solid Color Round Neck Three-quarter Sleeve Button Cotton and Linen Dress

Women's Casual Solid Color Round Neck Three-quarter Sleeve Button Cotton and Linen Dress

$40.16 ~~$54.22~~

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

$43.25 ~~$51.49~~

+2

Women'S Casual Lapel Long Sleeve Lace-Up Cotton And Linen Suit

Women'S Casual Lapel Long Sleeve Lace-Up Cotton And Linen Suit

Women'S Casual Lapel Long Sleeve Lace-Up Cotton And Linen Suit

$71.06 ~~$99.49~~

Women's Casual V-Neck 3/4 Sleeve Button Polka Dot Printed Cotton and Linen Dress

Women's Casual V-Neck 3/4 Sleeve Button Polka Dot Printed Cotton and Linen Dress

Women's Casual V-Neck 3/4 Sleeve Button Polka Dot Printed Cotton and Linen Dress

$44.28 ~~$60.67~~

Women's Vintage Boho Floral Print Loose Cotton And Linen Long-sleeved Tops And Straight Pants Two-piece Set

Women's Vintage Boho Floral Print Loose Cotton And Linen Long-sleeved Tops And Straight Pants Two-piece Set

Women's Vintage Boho Floral Print Loose Cotton And Linen Long-sleeved Tops And Straight Pants Two-piece Set

Women's Elegant Solid Color Waist Dress

Women's Elegant Solid Color Waist Dress

Women's Elegant Solid Color Waist Dress

$38.10 ~~$78.26~~

+9

Women's Elegant Solid Color Waist Dress

Women's Elegant Solid Color Waist Dress

Women's Elegant Solid Color Waist Dress

$40.16 ~~$82.38~~

+9

Women's Casual V-Neck Long Sleeve Striped Print Dress

Women's Casual V-Neck Long Sleeve Striped Print Dress

Women's Casual V-Neck Long Sleeve Striped Print Dress

$41.19 ~~$57.26~~

Women'S Casual Solid Color Round Neck Cotton And Linen Dress

Women'S Casual Solid Color Round Neck Cotton And Linen Dress

Women'S Casual Solid Color Round Neck Cotton And Linen Dress

$41.19 ~~$56.02~~

Women'S Casual Asymmetrical Design Sleeveless Suspenders Cotton And Linen

Women'S Casual Asymmetrical Design Sleeveless Suspenders Cotton And Linen

Women'S Casual Asymmetrical Design Sleeveless Suspenders Cotton And Linen

$41.19 ~~$56.85~~

Women'S Casual Solid Color Short-Sleeved Cotton And Linen Suit

Women'S Casual Solid Color Short-Sleeved Cotton And Linen Suit

Women'S Casual Solid Color Short-Sleeved Cotton And Linen Suit

$61.79 ~~$84.04~~

Women'S Casual Lapel Long Sleeve Cotton And Linen Shirt

Women'S Casual Lapel Long Sleeve Cotton And Linen Shirt

Women'S Casual Lapel Long Sleeve Cotton And Linen Shirt

$40.16 ~~$54.22~~

Women's Casual Solid Color Round Neck Button Long 3/4 Sleeves Ruffled Cotton and Linen Top

Women's Casual Solid Color Round Neck Button Long 3/4 Sleeves Ruffled Cotton and Linen Top

Women's Casual Solid Color Round Neck Button Long 3/4 Sleeves Ruffled Cotton and Linen Top

$35.01 ~~$48.32~~

Women's Casual Solid Color V-Neck Button Long 3/4 Sleeves Ruffled Cotton and Linen Top

Women's Casual Solid Color V-Neck Button Long 3/4 Sleeves Ruffled Cotton and Linen Top

Women's Casual Solid Color V-Neck Button Long 3/4 Sleeves Ruffled Cotton and Linen Top

$35.01 ~~$47.62~~

Women's Casual Solid Color V-Neck Cotton and Linen Jumpsuit

Women's Casual Solid Color V-Neck Cotton and Linen Jumpsuit

Women's Casual Solid Color V-Neck Cotton and Linen Jumpsuit

$39.13 ~~$54.39~~

Women's Casual Solid Color Long Sleeve Shirt

Women's Casual Solid Color Long Sleeve Shirt

Women's Casual Solid Color Long Sleeve Shirt

$42.96 ~~$58.85~~

Loose Short Sleeved Solid V-Neck Dress

Loose Short Sleeved Solid V-Neck Dress

Loose Short Sleeved Solid V-Neck Dress

$38.10 ~~$51.82~~

+3

Women's Casual Solid Color Round Neck Vest Trousers Cotton and Linen Two-piece Set

Women's Casual Solid Color Round Neck Vest Trousers Cotton and Linen Two-piece Set

Women's Casual Solid Color Round Neck Vest Trousers Cotton and Linen Two-piece Set

$58.70 ~~$80.42~~

Women's Casual Solid Color Lapel Button Mid-Sleeve Cotton and Linen Trousers Two-Piece Set

Women's Casual Solid Color Lapel Button Mid-Sleeve Cotton and Linen Trousers Two-Piece Set

Women's Casual Solid Color Lapel Button Mid-Sleeve Cotton and Linen Trousers Two-Piece Set

$69.00 ~~$93.15~~

Women's Casual Solid Color Lapel Long Sleeve Button Cotton and Linen Dress

Women's Casual Solid Color Lapel Long Sleeve Button Cotton and Linen Dress

Women's Casual Solid Color Lapel Long Sleeve Button Cotton and Linen Dress

$58.70 ~~$73.53~~

Women's Casual Solid Color Lapel Short Sleeve Cotton and Linen Dress

Women's Casual Solid Color Lapel Short Sleeve Cotton and Linen Dress

Women's Casual Solid Color Lapel Short Sleeve Cotton and Linen Dress

$47.23 ~~$64.23~~

Women's Casual Solid Color Round Neck Mid Sleeve Button Cotton and Linen Dress

Women's Casual Solid Color Round Neck Mid Sleeve Button Cotton and Linen Dress

Women's Casual Solid Color Round Neck Mid Sleeve Button Cotton and Linen Dress

$46.62 ~~$65.26~~

Women's Casual Solid Color Lapel Button Long Sleeve Cotton and Linen Trousers Two-piece Set

Women's Casual Solid Color Lapel Button Long Sleeve Cotton and Linen Trousers Two-piece Set

Women's Casual Solid Color Lapel Button Long Sleeve Cotton and Linen Trousers Two-piece Set

$71.06 ~~$95.93~~

Women'S Casual Lapel Cotton And Linen Shirt Dress

Women'S Casual Lapel Cotton And Linen Shirt Dress

Women'S Casual Lapel Cotton And Linen Shirt Dress

$48.40 ~~$66.80~~

Women'S Casual Solid Color V-Neck Sleeveless Cotton And Linen Dress

Women'S Casual Solid Color V-Neck Sleeveless Cotton And Linen Dress

Women'S Casual Solid Color V-Neck Sleeveless Cotton And Linen Dress

$41.19 ~~$56.02~~

Women'S Casual Solid Color Short-Sleeved V-Neck Cotton And Linen Dress

Women'S Casual Solid Color Short-Sleeved V-Neck Cotton And Linen Dress

Women'S Casual Solid Color Short-Sleeved V-Neck Cotton And Linen Dress

$41.19 ~~$55.61~~

Women's Casual Sling Contrast Color Cotton and Linen Sleeveless Dress

Women's Casual Sling Contrast Color Cotton and Linen Sleeveless Dress

Women's Casual Sling Contrast Color Cotton and Linen Sleeveless Dress

$41.19 ~~$57.26~~

Women'S Casual Solid Color V-Neck Cotton And Linen Dress

Women'S Casual Solid Color V-Neck Cotton And Linen Dress

Women'S Casual Solid Color V-Neck Cotton And Linen Dress

$41.19 ~~$56.43~~

Women's Casual Solid Color V-Neck Button Short Sleeve Cotton and Linen Top

Women's Casual Solid Color V-Neck Button Short Sleeve Cotton and Linen Top

Women's Casual Solid Color V-Neck Button Short Sleeve Cotton and Linen Top

$27.80 ~~$38.65~~

Women's Casual Solid Color V-Neck Button Short Sleeve Cotton and Linen Top

Women's Casual Solid Color V-Neck Button Short Sleeve Cotton and Linen Top

Women's Casual Solid Color V-Neck Button Short Sleeve Cotton and Linen Top

$26.77 ~~$37.48~~

Women'S Solid Color Cotton And Linen Casual Wide-Leg Pants

Women'S Solid Color Cotton And Linen Casual Wide-Leg Pants

Women'S Solid Color Cotton And Linen Casual Wide-Leg Pants

$36.04 ~~$50.46~~

Women's Casual Solid Color Loose Dress

Women's Casual Solid Color Loose Dress

Women's Casual Solid Color Loose Dress

$41.19 ~~$56.85~~

Women's Casual Plaid Loose Dress

Women's Casual Plaid Loose Dress

Women's Casual Plaid Loose Dress

$38.10 ~~$52.96~~

Women's Casual V-Neck Short Sleeve Plaid Dress

Women's Casual V-Neck Short Sleeve Plaid Dress

Women's Casual V-Neck Short Sleeve Plaid Dress

$39.13 ~~$54.00~~

Women's Casual Solid Color Lapel Three-quarter Sleeve Button Cotton and Linen Dress

Women's Casual Solid Color Lapel Three-quarter Sleeve Button Cotton and Linen Dress

Women's Casual Solid Color Lapel Three-quarter Sleeve Button Cotton and Linen Dress

$44.28 ~~$62.00~~

Women'S Casual Solid Color Cotton And Linen Shirt Dress

Women'S Casual Solid Color Cotton And Linen Shirt Dress

Women'S Casual Solid Color Cotton And Linen Shirt Dress

$48.40 ~~$67.76~~

Women'S Casual Cotton And Linen V-Neck Short Front And Long Back Tops

Women'S Casual Cotton And Linen V-Neck Short Front And Long Back Tops

Women'S Casual Cotton And Linen V-Neck Short Front And Long Back Tops

$41.19 ~~$56.43~~

Women'S Casual Solid Color Short Sleeve Cotton And Linen Dress

Women'S Casual Solid Color Short Sleeve Cotton And Linen Dress

Women'S Casual Solid Color Short Sleeve Cotton And Linen Dress

$41.19 ~~$56.85~~

Women'S Casual V-Neck Solid Color Cotton And Linen Jumpsuit

Women'S Casual V-Neck Solid Color Cotton And Linen Jumpsuit

Women'S Casual V-Neck Solid Color Cotton And Linen Jumpsuit

$41.19 ~~$55.61~~

Women's Casual Solid Color Round Neck Long Sleeve Cotton and Linen Dress

Women's Casual Solid Color Round Neck Long Sleeve Cotton and Linen Dress

Women's Casual Solid Color Round Neck Long Sleeve Cotton and Linen Dress

$40.16 ~~$56.23~~

Ladies Semi-Elastic Waist Cotton And Linen Trousers

Ladies Semi-Elastic Waist Cotton And Linen Trousers

Ladies Semi-Elastic Waist Cotton And Linen Trousers

$41.19 ~~$56.85~~

Women's Casual Solid Color Round Neck Sleeveless Button Cotton and Linen Dress

Women's Casual Solid Color Round Neck Sleeveless Button Cotton and Linen Dress

Women's Casual Solid Color Round Neck Sleeveless Button Cotton and Linen Dress

$41.19 ~~$56.02~~

Women's Casual Solid Color Round Neck Mid Sleeve Long Pants Cotton and Linen Two-piece Set

Women's Casual Solid Color Round Neck Mid Sleeve Long Pants Cotton and Linen Two-piece Set

Women's Casual Solid Color Round Neck Mid Sleeve Long Pants Cotton and Linen Two-piece Set

$60.76 ~~$82.03~~

Women'S Casual Solid Color Sleeveless Cotton And Linen Dress

Women'S Casual Solid Color Sleeveless Cotton And Linen Dress

Women'S Casual Solid Color Sleeveless Cotton And Linen Dress

$33.98 ~~$46.56~~

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

$49.43 ~~$80.71~~

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

$47.37 ~~$77.61~~

Casual Zip Jacket & Pants Two-Piece Set

Casual Zip Jacket & Pants Two-Piece Set

Casual Zip Jacket & Pants Two-Piece Set

$49.43 ~~$80.73~~

Autumn and winter spliced casual two-piece set

Autumn and winter spliced casual two-piece set

Autumn and winter spliced casual two-piece set

$54.37 ~~$77.25~~

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

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 $56.01 ~~$80.73~~

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

$54.58 ~~$77.25~~

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

$42.22 ~~$47.37~~

+2

Women's Lapel Long Sleeve Casual Suit

Women's Lapel Long Sleeve Casual Suit

Women's Lapel Long Sleeve Casual Suit

$41.19 ~~$44.29~~

+6

Women's V Neck Pullover Sweatshirts Wide Leg Pants Set (Buy 2 Free Shipping)

Women's V Neck Pullover Sweatshirts Wide Leg Pants Set (Buy 2 Free Shipping)

Women's V Neck Pullover Sweatshirts Wide Leg Pants Set (Buy 2 Free Shipping)

$38.10 ~~$76.20~~

+4

Turtleneck Drawstring Waist Slit Casual Suit

Turtleneck Drawstring Waist Slit Casual Suit

Turtleneck Drawstring Waist Slit Casual Suit

$45.31 ~~$82.39~~

+1

🔥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)

$49.43 ~~$61.79~~

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)

$38.10 ~~$76.20~~

Oversized Sweatshirt Wide Leg Pants Two Piece Set

Oversized Sweatshirt Wide Leg Pants Two Piece Set

Oversized Sweatshirt Wide Leg Pants Two Piece Set

$48.40 ~~$101.97~~

+6

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

$46.34 ~~$82.39~~

+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

$47.37 ~~$51.49~~

+2

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

$43.25 ~~$48.40~~

+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

$43.25 ~~$45.31~~

+6

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 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

$47.37 ~~$57.67~~

+6

Casual Round Neck Long Sleeve Two Piece Suit

Casual Round Neck Long Sleeve Two Piece Suit

Casual Round Neck Long Sleeve Two Piece Suit

$48.40 ~~$61.79~~

+6

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)

$41.19 ~~$72.09~~

+3

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

$45.31 ~~$48.40~~

+2

Casual Crewneck Sweater & Pants Two-piece Set

Casual Crewneck Sweater & Pants Two-piece Set

Casual Crewneck Sweater & Pants Two-piece Set

$58.07 ~~$81.76~~

Women's Hooded Long Sequined Casual Suit

Women's Hooded Long Sequined Casual Suit

Women's Hooded Long Sequined Casual Suit

+2

Women's Irregular Hem Satin Top

Women's Irregular Hem Satin Top

Women's Irregular Hem Satin Top

$27.80 ~~$38.10~~

+2

Water Resistant Hooded Windbreaker Rain Jacket

Water Resistant Hooded Windbreaker Rain Jacket

Water Resistant Hooded Windbreaker Rain Jacket

$41.18 ~~$101.28~~

+6

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

Get in touch

support@eqikai.com

© 2025 Eqikai

SHIPPING INFORMATION

TERMS AND CONDITIONS

SHIPPING NOTICE

INTELLECTUAL PROPERTY RIGHTS

Track Your Order