Hooray, It's Fri-YAY!

✈ FREE SHIPPING ON ORDERS ABOVE $50

✈ FREE SHIPPING ON ORDERS ABOVE $50

const TAG = 'spz-custom-smart-search-location'; const SMART_PRODUCR_SEARCH_WRAP_CLASSNAME = 'app-smart-product-search-wrap'; const THEME_NAME = window.SHOPLAZZA.theme.merchant_theme_name; const BREAKPOINT = 960; const DELAY = 300; class SpzCustomSmartSearchLocation extends SPZ.BaseElement { constructor(element) { super(element); this.mobileHeaderPluginParentEle = null; } static deferredMount() { return false; } isLayoutSupported(layout) { return layout == SPZCore.Layout.LOGIC; } buildCallback() { this.init(); this.listenerResize(); } init() { // PC-end not load if (this.isDesktop()) { return; } if (!window.__isLoadAppSmartSearch__) { this.initSmartSearch(); console.log('__isLoadAppSmartSearch__'); } // B-end must reload if (window.self === window.top && !window.__isLoadAppSmartSearch__) { window.__isLoadAppSmartSearch__ = true; } } initSmartSearch() { if (this.hasMobileUpperRightPlugin()) { this.showMobileSmartSearch(); } else { this.addMobileSmartSearch(); } } listenerResize() { window.removeEventListener('resize', window.smartSearchResizeCallback); window.smartSearchResizeCallback = SPZCore.Types.debounce( this.win, () => { this.init(); }, DELAY ); window.addEventListener('resize', window.smartSearchResizeCallback); } isDesktop() { const mediaQueryList = window.matchMedia(`(min-width: ${BREAKPOINT}px)`); return mediaQueryList.matches; } hasMobileUpperRightPlugin() { return !['geek', 'flash', 'boost'].includes(THEME_NAME.toLocaleLowerCase()); } showMobileSmartSearch() { this.mobileHeaderPluginParentEle = this.getMobileHeaderPluginParentEle(); this.setMobileHeaderIconsPluginStyle(this.mobileHeaderPluginParentEle); } getMobileHeaderPluginParentEle() { const MOBILE_HEADER_PLUGIN_PARENT_ELE_MAP = { nova: '.header__mobile #header__plugin-container', hero: '.header__icons .tw-flex.tw-justify-end.tw-items-center.tw-space-x-7', onePage: '.header__mobile #header__plugin-container', wind: '#header-icons .flex.justify-end.items-center', eva: '#header__icons .plugin_content' }; const headerPluginParentSelector = this.combineMultipleSelectors( Object.values(MOBILE_HEADER_PLUGIN_PARENT_ELE_MAP) ); return document.querySelector(headerPluginParentSelector); } setMobileHeaderIconsPluginStyle(pluginParentEle) { if (!pluginParentEle) { return; } const containHidden = pluginParentEle.classList.contains('md:hidden'); const containTwHidden = pluginParentEle.classList.contains('md:tw-hidden'); if (containHidden || containTwHidden) { Array.from(pluginParentEle.children).forEach((pluginElement) => { if (!this.hasSmartSearchPlugin(pluginElement)) { pluginElement.style.display = 'none'; } }); pluginParentEle.classList.remove('md:hidden', 'md:tw-hidden'); } else { const smartSearchPluginElement = Array.from(pluginParentEle.children).find( (pluginElement) => { return this.hasSmartSearchPlugin(pluginElement); } ); smartSearchPluginElement.style.display = 'block'; } } hasSmartSearchPlugin(pluginElement) { return ( pluginElement.classList.contains(`${SMART_PRODUCR_SEARCH_WRAP_CLASSNAME}`) || pluginElement.querySelectorAll(`.${SMART_PRODUCR_SEARCH_WRAP_CLASSNAME}`).length > 0 ); } addMobileSmartSearch() { this.mobileHeaderIconsEle = this.getMobileHeaderIconsEle(); this.smartSearchWrapEle = this.getSmartSearchWrapEle(); this.appendSmartSearchToHeader(); } getMobileHeaderIconsEle() { // Must be the parent element of the plugin const MOBILE_HEADER_ICONS_ELE_MAP = { geek: '#header-mobile-container .flex.items-center.justify-end.flex-shrink-0', flash: '#header-layout .header__icons', boost: '.header__mobile-bottom .tw-flex.tw-items-center.tw-justify-end.tw-flex-1' }; const headerIconsSelector = this.combineMultipleSelectors( Object.values(MOBILE_HEADER_ICONS_ELE_MAP) ); return document.querySelector(headerIconsSelector); } getSmartSearchWrapEle() { const smartSearchWrapEle = document.querySelector(this.getSmartSearchWrapSelector()); if (!smartSearchWrapEle) { return null; } return smartSearchWrapEle; } appendSmartSearchToHeader() { if (!this.smartSearchWrapEle) { return; } this.mobileHeaderIconsEle.insertAdjacentElement('afterbegin', this.smartSearchWrapEle); } getSmartSearchWrapSelector() { const PLUGIN_POSITION = { DRAWER: 'drawer', HEADER_TOP: 'headerTop' }; // only one this plugin of ancestor element const MOBILE_PLUGIN_POSITION_ELE_MAP = { [PLUGIN_POSITION.DRAWER]: { geek: '#header-menu-mobile #menu-drawer', flash: '#menu-drawer .plugin__header-content', boost: '.header__drawer' }, [PLUGIN_POSITION.HEADER_TOP]: { geek: '#header-menu-mobile #menu-drawer', flash: '#menu-drawer .plugin__header-content', boost: '.header-content .logo-wrap' } }; const MbPluginPositionInTheme = [ ...Object.values(MOBILE_PLUGIN_POSITION_ELE_MAP[PLUGIN_POSITION.DRAWER]), ...Object.values(MOBILE_PLUGIN_POSITION_ELE_MAP[PLUGIN_POSITION.HEADER_TOP]) ]; return Object.values(MbPluginPositionInTheme).reduce((pre, ancestor) => { if (pre === '') { return `${ancestor} .app-smart-product-search-wrap`; } if (pre.includes(ancestor)) { return pre; } return `${pre},${ancestor} .app-smart-product-search-wrap`; }, ''); } combineMultipleSelectors(selectorList) { return selectorList.reduce((pre, selector) => { if (pre === '') { return `${selector}`; } if (pre.includes(selector)) { return pre; } return `${pre},${selector}`; }, ''); } } SPZ.defineElement(TAG, SpzCustomSmartSearchLocation);

🤫shhh! offer visible on this page only!

Add five pairs of lenses to cart and use code: five55 at checkout for 55% off!

ICOICE Meta Blue | 1 Year

$29.00 $45.00 Save $16.00

ICOICE White Block | 1 Year

$29.00 $45.00 Save $16.00

ICOICE DNA Taylor Brown Hazel | 1 Year

$29.00 $45.00 Save $16.00

ICOICE Versailles Emerald Green | 1 Year

$29.00 $55.00 Save $26.00

ICOICE Snow Flake Grey | 1 Year

$28.00 $45.00 Save $17.00

ICOICE Vika Red | 1 Year

$28.00 $45.00 Save $17.00

ICOICE Barbie Green | 1 Year

$32.00 $42.00 Save $10.00

ICOICE Vika Brown | 1 Year

$28.00 $45.00 Save $17.00

ICOICE Barbie Blue | 1 Year

$32.00 $45.00 Save $13.00

ICOICE Topazio Blue | 1 Year

$29.00 $55.00 Save $26.00

ICOICE Meta Green | 1 Year

$28.00 $45.00 Save $17.00

ICOICE Ocean Green | 1 Year

$29.00 $48.00 Save $19.00

ICOICE Barbie Rose Pink | 1 Year

$32.00 $42.00 Save $10.00

ICOICE Meta Grey | 1 Year

$29.00 $45.00 Save $16.00

ICOICE Vogue Blue | 1 Year

$19.90 $39.00 Save $19.10

ICOICE Vika Green | 1 Year

$32.00 $45.00 Save $13.00

ICOICE Blind White | 1 Year

$29.00 $48.00 Save $19.00

ICOICE Coco Light Green | 1 Year

$29.00 $48.00 Save $19.00

ICOICE Coco Light Blue | 1 Year

$29.00 $48.00 Save $19.00

ICOICE Barbie Violet | 1 Year

$32.00 $42.00 Save $10.00

ICOICE Dolly Brown | 1 Year

$35.00 $55.00 Save $20.00

ICOICE DNA Taylor Blue Gray | 1 Year

$29.00 $45.00 Save $16.00

ICOICE Russian Brown | 1 Year

$26.00 $45.00 Save $19.00

ICOICE Polar Lights Gray | 1 Year

$29.00 $45.00 Save $16.00

ICOICE Barbie Blue Violet | 1 Year

$32.00 $42.00 Save $10.00

ICOICE Sin Green | 1 Year

$32.00 $39.00 Save $7.00

ICOICE Big Eyes Black | 1 Year

$32.00 $39.00 Save $7.00

ICOICE Queen Chocolate Brown | 1 Year

$28.00 $45.00 Save $17.00

ICOICE Pixie Green | 1 Year

$29.00 $55.00 Save $26.00

ICOICE Himalaya Blue | 1 Year

$32.00 $45.00 Save $13.00

ICOICE Wildcat Brown | 1 Year

$29.00 $45.00 Save $16.00

ICOICE Ocean Grey | 1 Year

$29.00 $48.00 Save $19.00

ICOICE Barbie Brown | 1 Year

$32.00 $42.00 Save $10.00

ICOICE Ice Pear Green | 1 Year

$29.00 $55.00 Save $26.00

ICOICE New York Pro Grey | 1 Year

$28.00 $48.00 Save $20.00

ICOICE Sin Brown | 1 Year

$29.00 $39.00 Save $10.00

ICOICE Aegean Sea Blue | 1 Year

$29.00 $35.00 Save $6.00

ICOICE Smoky Latte Brown | 1 Year

$28.00 $55.00 Save $27.00

ICOICE Pixie Blue | 1 Year

$29.00 $55.00 Save $26.00

ICOICE Smoky Tea Brown | 1 Year

$29.00 $45.00 Save $16.00

ICOICE Smoky Honey Brown | 1 Year

$29.00 $45.00 Save $16.00

ICOICE Russian Blue | 1 Year

$26.00 $45.00 Save $19.00

ICOICE Sin Grey | 1 Year

$29.00 $39.00 Save $10.00

ICOICE Coco Light Grey | 1 Year

$29.00 $48.00 Save $19.00

ICOICE Vika Cherry Yellow | 1 Year

$35.00 $45.00 Save $10.00

ICOICE New York Hazel Brown | 1 Year

$29.00 $48.00 Save $19.00

ICOICE Hidrocor Esmeraldr Green | 1 Year

$28.00 $32.00 Save $4.00

ICOICE Vika Purple | 1 Year

$28.00 $45.00 Save $17.00

BUY 2 GET 1 FREE | CODE: B2G1 (add 3 items)

BUY 3 GET 2 FREE | CODE: B3G2 (add 5 items)

BUY 4 GET 3 FREE | CODE: B4G3 (add 7 items)

BUY 5 GET 5 FREE | CODE: B5G5 (add 10 items)

BUY 2 GET 1 FREE | CODE: B2G1 (add 3 items)

BUY 3 GET 2 FREE | CODE: B3G2 (add 5 items)

BUY 4 GET 3 FREE | CODE: B4G3 (add 7 items)

BUY 5 GET 5 FREE | CODE: B5G5 (add 10 items)

BUY 2 GET 1 FREE | CODE: B2G1 (add 3 items)

BUY 3 GET 2 FREE | CODE: B3G2 (add 5 items)

BUY 4 GET 3 FREE | CODE: B4G3 (add 7 items)

BUY 5 GET 5 FREE | CODE: B5G5 (add 10 items)

BUY 2 GET 1 FREE | CODE: B2G1 (add 3 items)

BUY 3 GET 2 FREE | CODE: B3G2 (add 5 items)

BUY 4 GET 3 FREE | CODE: B4G3 (add 7 items)

BUY 5 GET 5 FREE | CODE: B5G5 (add 10 items)

© 2024 ICOICE Colored Contact Lenses Online All Rights Reserved. Terms, Privacy & Accessibility