Explore CRATR Eyeglasses Collection | BlakSpecs

Discover CRATR’s prescription eyeglasses that merge cutting-edge style with exceptional functionality. These frames are crafted to provide ultimate comfort and clarity, featuring sleek designs and premium materials. Perfect for any occasion, CRATR offers eyewear that stands out while enhancing your vision. Enjoy FREE polycarbonate single vision lenses with anti-glare on every CRATR pair.

Subscribe today to hear first about our sales.

1-516-962-5985

customer.support@blakspecs.com

1-516-962-5985

customer.support@blakspecs.com

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}

1001 Champion

6016 Champion

Tom Ford FT0144 Marko

CRATR LMK - LET ME KNOW

CRATR WIP - WORK IN PROGRESS

CRATR TIA - THANKS IN ADVANCE

CRATR GOAT - GREATEST OF ALL TIME

CRATR TMI - TOO MUCH INFORMATION

CRATR IKR - I KNOW, RIGHT?

Recently Viewed

Explore CRATR Eyeglasses Collection | BlakSpecs