Where vision meets expertise -- visit our eye clinic today!

A single pair of glasses, including frames and lenses, starts from $149!

Sign up today and receive 100 points towards your next purchase!

Where vision meets expertise-visit our eye clinic today!

A single pair of glasses, including frames and lenses, starts from $149!

Sign up today and receive 100 points towards your next purchase!

B+L ULTRA® Sphere 6PK

Name: B+L ULTRA® Sphere 6PK
Price: 59 CAD
Availability: InStock

Monthly Disposable

CA$59.00

people are viewing this right now

Best quality

Fast delivery

Sustainably made

Secure payments

Description

Introducing the Bausch + Lomb ULTRA® Sphere 6PK, a revolutionary contact lens designed to provide unmatched comfort throughout the day. With the cutting-edge MoistureSeal technology, these contact lenses maintain an impressive 95% of their moisture for a full 16 hours, ensuring long-lasting hydration and superior wearability. Say goodbye to dry, irritated eyes and hello to unparalleled comfort from morning till night. The Bausch + Lomb ULTRA® Sphere 6PK is perfect for individuals seeking a contact lens that can keep up with their active lifestyles without compromising on comfort. Experience the difference today and indulge in the ultimate contact lens experience with Bausch + Lomb ULTRA®.
Introducing the Bausch + Lomb ULTRA® Sphere 6PK, a revolutionary contact lens designed to provide unmatched comfort throughout the day. With the cutting-edge MoistureSeal technology, these contact lenses maintain an impressive 95% of their moisture for a full 16 hours, ensuring long-lasting hydration and superior wearability. Say goodbye to dry, irritated eyes and hello to unparalleled comfort from morning till night. The Bausch + Lomb ULTRA® Sphere 6PK is perfect for individuals seeking a contact lens that can keep up with their active lifestyles without compromising on comfort. Experience the difference today and indulge in the ultimate contact lens experience with Bausch + Lomb ULTRA®. Experience Bausch + Lomb ULTRA® contact lenses for all-day comfort. With MoistureSeal technology, the Bausch + Lomb ULTRA® contact lens maintains its moisture for an impressive length of time. Say goodbye to dry, irritated eyes and hello to unparalleled comfort from morning till night. The Bausch + Lomb ULTRA® Sphere 6PK is perfect for individuals seeking a contact lens that can keep up with their active lifestyles without compromising on comfort. So why wait? Experience the ultimate contact lens experience with Bausch + Lomb ULTRA® today.

Experience Bausch + Lomb ULTRA^® contact lenses for all day comfort.
With MoistureSeal technology, the Bausch + Lomb ULTRA^® contact lens maintain 95% of it’s moisture for a full 16 hours¹.

class SpzCustomCollectionSettings extends SPZ.BaseElement { constructor(element) { super(element); this.settings_ = null; } static deferredMount() { return false; } buildCallback = () => { this.action_ = SPZServices.actionServiceForDoc(this.element); this.templates_ = SPZServices.templatesForDoc(this.element); this.xhr_ = SPZServices.xhrFor(this.win); this.setupAction_(); } mountCallback = () => { this.getSettings(); } isLayoutSupported(layout) { return layout == SPZCore.Layout.CONTAINER;; } getSettings () { return this.xhr_.fetchJson('/api/whiteant/setting') .then((data) => { this.settings_ = data; document.documentElement.style.setProperty('--tryon-custom-color', data.color_style); var r = parseInt(data.color_style.substring(1, 3), 16); var g = parseInt(data.color_style.substring(3, 5), 16); var b = parseInt(data.color_style.substring(5, 7), 16); document.documentElement.style.setProperty('--tryon-custom-bg-color', `rgba(${r}, ${g}, ${b}, .1)`); this.trigger_('getSettingCallback', data); return data; }) .catch((err) => { console.log(err); }) } setupAction_ = () => { } trigger_(name, data) { const event = SPZUtils.Event.create(this.win, `spz-custom-collection-settings.${name}`, { data, }); this.action_.trigger(this.element, name, event); } } SPZ.defineElement('spz-custom-collection-settings', SpzCustomCollectionSettings)

class SpzCustomCollectionLogic extends SPZ.BaseElement { constructor(element) { super(element); this.has_tryon_list = {}; this.updateList = {}; this.settings_ = null; this.isTryon = false; this.model_img_ = ''; } static deferredMount() { return false; } buildCallback = () => { this.action_ = SPZServices.actionServiceForDoc(this.element); this.templates_ = SPZServices.templatesForDoc(this.element); this.xhr_ = SPZServices.xhrFor(this.win); this.setupAction_(); } mountCallback = async() => { } handlePopupExpose_ = async(productId) => { const cattleUtilApi = await SPZ.whenApiDefined(document.getElementById('spz_custom_cattle_util')); cattleUtilApi.impressListen('#tryon_modal',function(){ const {template_name} = window.SHOPLAZZA.meta.page; const pageMap = { collection: { card_name:'product_list' }, product: { card_name:'product_img' } } const eventParams = { ...commonTrackData, event_type: "popup_expose", card_name: pageMap[template_name]?.card_name, event_developer: "jozy", event_info: JSON.stringify({ action_type: 'glass_try_on', popup_name: "tryon_popup", product_id: productId, from_element_type: "button", from_element_name: "try_on" }) } window.sa && window.sa.track("function_expose", eventParams); window.spzutm && window.spzutm.registerParams('add_to_cart', eventParams ); }) } observe_ = async(e) => { const that = this; const setting = await SPZ.whenApiDefined(document.getElementById('cattle_collection_settings')); this.settings_ = setting.settings_; if(!this.settings_.collection_page_tryon_enable) return; SPZCore.Dom.waitForChild(document.body, ()=>!!document.getElementById('collection-list'), () => { SPZUtils.Event.listen(document.getElementById('collection-list'),'spz-list.dom-update',(e)=>{ const list = document.getElementById('collection-list'); const observer = new MutationObserver(function () { if(!!list.querySelector('shoplazza-product-snippet div,.shoplazza-product-snippet div')){ that.renderBtn(e.detail.data); observer.disconnect(); } }) observer.observe(list, { subtree: true, childList: true }); }); that.renderBtn(); }) } renderBtn = async(data) => { const list = document.getElementById('collection-list'); const productDom = list.querySelectorAll('shoplazza-product-snippet,.shoplazza-product-snippet'); let ids = []; if(data) { ids = data.map(p => p.id); } else { ids = Array.from(productDom).map(p => p.getAttribute('product-id')); } this.xhr_.fetchJson('/api/whiteant/tryon_products', { method: 'post', body: { product_ids: ids } }).then(async res => { const products = res.products; if(!products) return; const that_ = this; products.forEach(p => { that_.has_tryon_list[p.product_id] = p.variant_id; }) Array.from(productDom).forEach(p => { if(that_.has_tryon_list[p.getAttribute('product-id')]) { const btn = document.createElement('button'); btn.classList.add('cattle-collection-tryon-btn'); btn.innerHTML = `<svg style="margin-right: 2px" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.09829 2.15625L8.11845 2.15638C8.78305 2.16488 9.37066 2.59308 9.58143 3.22491L10.5791 6.2156C10.8672 6.58219 11.0391 7.04447 11.0391 7.54688C11.0391 8.73773 10.0736 9.70312 8.88257 9.70312C7.69155 9.70312 6.72606 8.73773 6.72606 7.54688C6.72606 7.32213 6.76044 7.10543 6.82425 6.90171L5.20181 6.91015C5.26392 7.11139 5.29738 7.32523 5.29738 7.54688C5.29738 8.73773 4.33187 9.70312 3.14087 9.70312C1.94988 9.70312 0.984375 8.73773 0.984375 7.54688C0.984375 7.09268 1.12482 6.67128 1.36465 6.32374C1.3671 6.31105 1.37023 6.29836 1.37411 6.28574L1.37671 6.27763L2.39441 3.22673C2.60517 2.59491 3.19279 2.16671 3.85738 2.15822L3.87755 2.15808H4.79161C4.98514 2.15808 5.14205 2.31496 5.14205 2.50847C5.14205 2.69923 4.9896 2.85437 4.79988 2.85877L4.79161 2.85886H3.87755C3.51022 2.85886 3.18367 3.09137 3.06305 3.43738L3.05926 3.44846L2.36321 5.53508C2.60447 5.44179 2.8667 5.39062 3.14087 5.39062C3.82741 5.39062 4.43902 5.7114 4.83396 6.21123L7.15554 6.19922C7.16949 6.19915 7.18344 6.1999 7.1973 6.20147C7.59243 5.70722 8.20052 5.39062 8.88257 5.39062C9.13657 5.39062 9.38031 5.43454 9.60662 5.51517L8.91657 3.44664L8.91279 3.43555C8.79217 3.08954 8.4656 2.85703 8.09829 2.85703H7.18423L7.17595 2.85694C6.98623 2.85254 6.83379 2.69739 6.83379 2.50664C6.83379 2.31313 6.99068 2.15625 7.18423 2.15625H8.09829Z" fill="currentColor"/> </svg> Try on`; btn.onclick = async () => { const productId = p.getAttribute('product-id'); const eventParams = { ...commonTrackData, event_type: "click", card_name: 'product_list', event_developer: "jozy", event_info: JSON.stringify({ action_type: 'glass_try_on', element_type: "button", element_name: "try_on", product_id: productId }) } window.sa && window.sa.track('function_click', eventParams); const renderEl = document.getElementById('tryon_modal_render'); SPZ.whenApiDefined(renderEl).then((api) => { api.render({ settings: that_.settings_, variant_id: that_.has_tryon_list[p.getAttribute('product-id')], product_id: p.getAttribute('product-id')}, true).then((data) => { this.handlePopupExpose_(productId); const modalEl = document.getElementById('tryon_modal'); SPZ.whenApiDefined(modalEl).then((modal) => { modal.open(); }); const frame = document.querySelector('#tryon_custom'); SPZ.whenApiDefined(frame).then((api) => { const pdValueEl = document.getElementById('tryon_pd_input'); pdValueEl && pdValueEl.addEventListener('blur',function(e) { api.handlePdValidate(e.target); }) }); }); }); const videoFailRenderEl = document.getElementById('tryon_video_failed_modal_render'); SPZ.whenApiDefined(videoFailRenderEl).then((api) => { api.render({ settings: that_.settings_ }, true); }); } p.appendChild(btn); p.setAttribute('first-tryon-id', that_.has_tryon_list[p.getAttribute('product-id')]); this.tryon_(); } }) }) } isLayoutSupported(layout) { return layout == SPZCore.Layout.CONTAINER;; } tryon_ = (e) => { const renderEl = document.getElementById('spz_custom_cattle_model_list'); SPZ.whenApiDefined(renderEl).then((api) => { api.renderFrame_(); }); } setupAction_ = () => { this.registerAction('listUpdate', (e) => { this.listUpdate(e.args.data.data); }) this.registerAction('observe_', (e) => { this.observe_(e); }) this.registerAction('tryon_', (e) => { this.tryon_(e); }) } } SPZ.defineElement('spz-custom-collection-logic', SpzCustomCollectionLogic)

class SpzCustomCollectionBtn extends SPZ.BaseElement { constructor(element) { super(element); this.settings_ = null; } buildCallback = () => { this.action_ = SPZServices.actionServiceForDoc(this.element); this.templates_ = SPZServices.templatesForDoc(this.element); this.xhr_ = SPZServices.xhrFor(this.win); this.setupAction_(); } mountCallback = () => { } render = (data) => { if(!data.data.collection_page_tryon_enable) return; return this.templates_ .findAndRenderTemplate(this.element, data.data) .then((el) => { const modelRender = document.getElementById('spz_custom_cattle_model_list'); el.onclick = () => { this.trackTryonClick_(); const modelList = document.querySelector('.cattle_model_list_wrap'); el.setAttribute('hidden', ''); if(modelList) { modelList.removeAttribute('hidden'); SPZ.whenApiDefined(modelRender).then((api) => { const tryonLocalList = localStorage.getItem('tryon_local_list'); api.local_list = (tryonLocalList && tryonLocalList != 'undefined') ? JSON.parse(tryonLocalList) : []; api.trying_ = true; api.dorender_(); }); } else { SPZ.whenApiDefined(modelRender).then((api) => { api.trying_ = true; api.render(); }); } } const children = this.element.querySelector('*:not(template)'); children && SPZCore.Dom.removeElement(children); const filter = document.querySelector('.collection_filter_container') || document.querySelector('.collection_title'); const list = document.getElementById('collection-list'); el.classList.add('md\:hidden'); filter && (filter.appendChild(el)); const element = el.cloneNode(true); element.classList.remove('md\:hidden'); element.onclick = () => { this.trackTryonClick_(); const modelList = document.querySelector('.cattle_model_list_wrap'); element.setAttribute('hidden', ''); if(modelList) { modelList.removeAttribute('hidden'); SPZ.whenApiDefined(modelRender).then((api) => { api.trying_ = true; api.renderFrame_(); }); } else { SPZ.whenApiDefined(modelRender).then((api) => { api.trying_ = true; api.render(); }); } } element.classList.add('lg\:hidden'); list && (list.closest('.page-container').insertBefore(element, list)); }); } trackTryonClick_ = () => { const eventParams = { ...commonTrackData, event_type: "click", card_name: 'product_list_header', event_developer: "jozy", event_info: JSON.stringify({ action_type: 'glass_try_on', element_type: "button", element_name: "try_on" }) } window.sa && window.sa.track('function_click', eventParams); } handlePopupExpose_ = async() => { const cattleUtilApi = await SPZ.whenApiDefined(document.getElementById('spz_custom_cattle_util')); cattleUtilApi.impressListen('#cattle_batch_upload_modal',function(){ const eventParams = { ...commonTrackData, event_type: "popup_expose", card_name: 'product_list_header', event_developer: "jozy", event_info: JSON.stringify({ action_type: 'glass_try_on', popup_name: "tryon_popup", from_element_type: "button", from_element_name: "try_on" }) } window.sa && window.sa.track("function_expose", eventParams); window.spzutm && window.spzutm.registerParams('add_to_cart', eventParams ); }) } isLayoutSupported(layout) { return layout == SPZCore.Layout.CONTAINER;; } setupAction_ = () => { this.registerAction('render', (e) => { this.render(e.args.data); }) this.registerAction('trackPopupExpose', (e) => { // 弹窗曝光事件 this.handlePopupExpose_(); }) } } SPZ.defineElement('spz-custom-collection-tryon-btn', SpzCustomCollectionBtn)

class SpzCustomCattleModelList extends SPZ.BaseElement { constructor(element) { super(element); this.model_list = []; this.settings_ = {}; this.modelImg_ = ''; this.trying_ = false; } buildCallback = () => { this.action_ = SPZServices.actionServiceForDoc(this.element); this.templates_ = SPZServices.templatesForDoc(this.element); this.xhr_ = SPZServices.xhrFor(this.win); this.setupAction_(); } mountCallback = () => { } render = async () => { const viewport_ = this.getViewport(); const settings = document.querySelector('#cattle_collection_settings'); const settingsApi = await SPZ.whenApiDefined(settings); this.settings_ = settingsApi.settings_; const tryonLocalList = localStorage.getItem('tryon_local_list'); this.local_list = (tryonLocalList && tryonLocalList != 'undefined') ? JSON.parse(tryonLocalList) : []; this.model_list = this.local_list; if(this.settings_.model_image_enable) { this.model_list = [...this.model_list, ...this.settings_.applyed_face_model_images.map(i=>({src: i}))]; } this.modelImg_ = this.model_list.length ? this.model_list[0].src : 'https://img.staticdj.com/oss/operation/8974641d948641d15aa5dad8abcb9647.png'; return this.templates_ .findAndRenderTemplate(this.element, {imgList: this.model_list, width: viewport_.getWidth(), setting: this.settings_}) .then((el) => { const children = this.element.querySelector('*:not(template)'); children && SPZCore.Dom.removeElement(children); let number = 6; if(viewport_.getWidth() >= 960) { const collection = document.querySelector('.collection_title'); collection.closest('.page-container').insertBefore(el, collection); } else { number = 5; const list = document.getElementById('collection-list'); list.closest('.page-container').insertBefore(el, list); } const btn = document.querySelector('.cattle_model_close_btn'); const next = document.querySelector('.next-btn'); const prev = document.querySelector('.prev-btn'); const scrollDom = document.querySelector('.cattle_model_list_img'); if(this.model_list.length <= number) { next.setAttribute('disabled', ''); prev.setAttribute('disabled', ''); } if(!this.model_list.length) { next.setAttribute('hidden', ''); prev.setAttribute('hidden', ''); } next.onclick = () => { const left = scrollDom.scrollLeft; const offset = number === 6 ? 92 : 62.5; scrollDom.scrollLeft = left + offset; } prev.onclick = () => { const left = scrollDom.scrollLeft; const offset = number === 6 ? 92 : 62.5; scrollDom.scrollLeft = left - offset; } btn.onclick = () => { document.querySelector('.cattle_model_list_wrap').setAttribute('hidden',''); document.querySelectorAll('.cattle_tryon_btn_wrap').forEach(d => d.removeAttribute('hidden')) document.querySelectorAll('.cattle_tryon_link').forEach(f => SPZCore.Dom.removeElement(f)); document.querySelectorAll('.product-snippet__img-wrapper').forEach(f => f.removeAttribute('style')); this.trying_ = false; document.querySelector(`[for=tryon_model_key_${0}]`).click(); } scrollDom.onscroll = () => { if(scrollDom.scrollLeft === 0) { prev.setAttribute('disabled', ''); } else { prev.removeAttribute('disabled'); } const offset = number === 6 ? 92 : 62.5; if(scrollDom.scrollLeft >= (this.model_list.length - number) * offset -12) { next.setAttribute('disabled', ''); } else { next.removeAttribute('disabled'); } } this.trying_ = true; this.renderFrame_(); }) } dorender_ = async (current=0) => { const tryonLocalList = localStorage.getItem('tryon_local_list'); this.local_list = (tryonLocalList && tryonLocalList != 'undefined') ? JSON.parse(tryonLocalList) : []; const viewport_ = this.getViewport(); this.model_list = this.local_list; let number = 6; if(this.settings_.model_image_enable) { this.model_list = [...this.model_list, ...this.settings_.applyed_face_model_images.map(i=>({src: i}))]; } const imgList = this.model_list; return this.templates_ .findAndRenderTemplate(this.element, {imgList, width: viewport_.getWidth(), setting: this.settings_}) .then((el) => { const children = this.element.querySelector('*:not(template)'); children && SPZCore.Dom.removeElement(children); const list = document.querySelector('.cattle_model_list_wrap'); if(list.hasAttribute('hidden')) { el.setAttribute('hidden'); } list.closest('.page-container').replaceChild(el, list); if(viewport_.getWidth() < 960) { number = 5; } const btn = document.querySelector('.cattle_model_close_btn'); const next = document.querySelector('.next-btn'); const prev = document.querySelector('.prev-btn'); const scrollDom = document.querySelector('.cattle_model_list_img'); if(this.model_list.length <= number) { next.setAttribute('disabled', ''); prev.setAttribute('disabled', ''); } if(!this.model_list.length) { next.setAttribute('hidden', ''); prev.setAttribute('hidden', ''); } next.onclick = () => { const left = scrollDom.scrollLeft; const offset = number === 6 ? 92 : 62.5; scrollDom.scrollLeft = left + offset; } prev.onclick = () => { const left = scrollDom.scrollLeft; const offset = number === 6 ? 92 : 62.5; scrollDom.scrollLeft = left - offset; } btn.onclick = () => { document.querySelector('.cattle_model_list_wrap').setAttribute('hidden',''); document.querySelectorAll('.cattle_tryon_btn_wrap').forEach(d => d.removeAttribute('hidden')) document.querySelectorAll('.cattle_tryon_link').forEach(f => SPZCore.Dom.removeElement(f)); document.querySelectorAll('.product-snippet__img-wrapper').forEach(f => f.removeAttribute('style')); this.trying_ = false; document.querySelector(`[for=tryon_model_key_${0}]`).click(); } scrollDom.onscroll = () => { if(scrollDom.scrollLeft === 0) { prev.setAttribute('disabled', ''); } else { prev.removeAttribute('disabled'); } const offset = number === 6 ? 92 : 62.5; if(scrollDom.scrollLeft >= (this.model_list.length - number) * offset -12) { next.setAttribute('disabled', ''); } else { next.removeAttribute('disabled'); } } if(this.model_list.length) { document.querySelector(`[for=tryon_model_key_${current}]`).click(); } else { this.changeModel_({args: {data: 'https://img.staticdj.com/oss/operation/8974641d948641d15aa5dad8abcb9647.png'}}); } }).catch(err=>console.log(err)); } renderFrame_ = async () => { if(!this.trying_) return; const that_ = this; const list = document.getElementById('collection-list'); const productDom = list.querySelectorAll('shoplazza-product-snippet,.shoplazza-product-snippet'); const filterList = Array.from(productDom).filter(p => !!p.getAttribute('first-tryon-id')); if(!filterList.length) return; this.compressorImage(this.modelImg_); } compressorImage(url) { const name = url.split('/').pop(); const fileType = 'image/jpeg'; fetch(url) .then((res) => res.blob()) .then((blob) => { let file = new File([blob], name, { type: fileType }); this.compressorImageFile(url, file); }) .catch(err => { this.compressorImageFile(url, null); }); } compressorImageFile(url, file) { const fileThis = file; const that = this; if (fileThis) { let quality = 0.2; new Compressor(fileThis, { quality: quality, maxWidth: 300, maxHeight: 300, success: (result) => { const reader = new FileReader(); reader.readAsDataURL(result); reader.onloadend = function() { const base64data = reader.result; that.tryG2d(null, base64data); } }, error(err) { that.tryG2d(url, null); } }); } else { that.tryG2d(url, null); } } tryG2d = async(url, base64) => { const that_ = this; const list = document.getElementById('collection-list'); const productDom = list.querySelectorAll('shoplazza-product-snippet,.shoplazza-product-snippet'); const filterList = Array.from(productDom).filter(p => !!p.getAttribute('first-tryon-id')); if(!filterList.length) return; const body = { variant_ids: filterList.map(product => product.getAttribute('first-tryon-id')), } if(url) { body.image_url = url; } if(base64) { body.image_base64 = base64; } const tryon = await SPZServices.xhrFor(this.win).fetchJson('/api/whiteant/tryon', { method: 'POST', body }) if(!this.trying_) { document.querySelectorAll('.cattle_tryon_link').forEach(f => SPZCore.Dom.removeElement(f)); document.querySelectorAll('.product-snippet__img-wrapper').forEach(f => f.removeAttribute('style')); return; }; filterList.forEach(p => { p.querySelector('.cattle_tryon_link') && SPZCore.Dom.removeElement(p.querySelector('.cattle_tryon_link')); const width = p.querySelector('.product-snippet__img_main').offsetWidth; const scale = width / tryon.image_width; const modelHeight = scale * tryon.image_height; const modelImg = document.createElement('img'); modelImg.src = that_.modelImg_; modelImg.classList.add('modelImg'); modelImg.style.width = width; modelImg.style.height = modelHeight + 'px'; p.querySelector('.product-snippet__img-wrapper').style.height = modelHeight + 'px'; p.querySelector('.product-snippet__img-wrapper').style.overflow = 'hidden'; const link = p.querySelector('.product-snippet__img-link').href; const a = document.createElement('a'); a.classList.add('cattle_tryon_link'); a.href = link; a.appendChild(modelImg); p.appendChild(a); if(tryon.faces) { const frame = document.createElement('img'); frame.classList.add('frame_img'); const frameData = tryon.glasses.find(f =>f.variant_id === p.getAttribute('first-tryon-id')); frame.src = frameData.frame_img; frame.style.width = scale * frameData.frame_tryon[0].scale.width + 'px'; frame.style.height = scale * frameData.frame_tryon[0].scale.height + 'px'; frame.style.transform = 'rotateZ(' + (+frameData.frame_tryon[0].rotation.z) +'deg)'; frame.style.top = scale * frameData.frame_tryon[0].position.y - (parseFloat(frame.style.height) / 2) + 'px'; frame.style.left = scale * frameData.frame_tryon[0].position.x - (parseFloat(frame.style.width) / 2) + 'px'; frame.style.zIndex = 10; p.querySelector('.cattle_tryon_link').appendChild(frame); } p.setAttribute('tryon-ing', true); } ) } changeModel_ = (event) => { this.modelImg_ = event.args.data; this.renderFrame_(); } isLayoutSupported(layout) { return layout == SPZCore.Layout.CONTAINER;; } uploadCallback = (data) => { if(data) { const tryonLocalList = localStorage.getItem('tryon_local_list'); this.local_list = (tryonLocalList && tryonLocalList != 'undefined') ? JSON.parse(tryonLocalList) : []; this.local_list.unshift(data); if(this.local_list && this.local_list.length > 5) { this.local_list.length = 5; } localStorage.setItem('tryon_local_list', JSON.stringify(this.local_list)); } const modalList = document.querySelector('#cattle_batch_upload_modal'); modalList && SPZ.whenApiDefined(modalList).then(async api => { api.close(); }) const list = document.querySelector('.cattle_model_list_wrap'); if(list && !list.getAttribute('hidden')) { this.dorender_(0); } } removeModel = () => { const tryonLocalList = localStorage.getItem('tryon_local_list'); this.local_list = (tryonLocalList && tryonLocalList != 'undefined') ? JSON.parse(tryonLocalList) : []; const target = this.deleteSrc; this.local_list = this.local_list.filter(item => item.src !== target); localStorage.setItem('tryon_local_list', JSON.stringify(this.local_list)); let current = 0; this.model_list = [...this.local_list, ...this.settings_.applyed_face_model_images.map(i=>({src: i}))]; const imgList = this.model_list; imgList.forEach((v, i) => { if(v.src === this.modelImg_) { current = i; } }) const viewport_ = this.getViewport(); this.dorender_(current); } setupAction_ = () => { this.registerAction('render', (e) => { this.render(e); }) this.registerAction('changeModel_', (e) => { this.changeModel_(e); }) this.registerAction('resetModel', (e) => { document.querySelector(`[for=tryon_model_key_${0}]`).click(); }) this.registerAction('slideChange', (e) => { const index = e.args.data.index; const list = e.args.list.split(','); document.querySelector(`[for=tryon_model_key_${index}]`).click(); }) this.registerAction('remove', (e) => { this.deleteSrc = e.args.data; const modalEl = document.getElementById('tryon_collection_delete_model_modal'); SPZ.whenApiDefined(modalEl).then((modal) => { modal.open(); }); }) this.registerAction('removeModel', (e) => { try { this.removeModel(e); } catch { console.log('error') } }) } } SPZ.defineElement('spz-custom-cattle-model-list', SpzCustomCattleModelList)

class SpzCustomCollectionModal extends SPZ.BaseElement { constructor(element) { super(element); } buildCallback = () => { this.action_ = SPZServices.actionServiceForDoc(this.element); this.templates_ = SPZServices.templatesForDoc(this.element); this.xhr_ = SPZServices.xhrFor(this.win); this.setupAction_(); } isLayoutSupported(layout) { return layout == SPZCore.Layout.CONTAINER;; } setupAction_ = () => { this.registerAction('getSettings', (e) => { const list = document.querySelector('#cattle_collection_settings'); list && (SPZ.whenApiDefined(list).then(api => { const photo = document.querySelector('.cattle-collection-modal-left .photo'); const file = document.querySelectorAll('.file'); if(api.settings_.local_image_upload_enable) { file.forEach(f =>f.removeAttribute('hidden')); } if(api.settings_.photo_image_uploade_enable) { photo.removeAttribute('hidden'); } })); }) } } SPZ.defineElement('spz-custom-cattle-collection-modal', SpzCustomCollectionModal)

${data.title}

J&J ACUVUE®OASYS MAX 1-Day MULTIFOCAL 90PK

B+L ULTRA® Sphere 6PK

Recently Viewed