LensAdvizor.backToHistory = () => { } // Re-initialize LensAdvizor on pushState URL changes, once per product page load function onUrlChange(callback) { // Helper to wrap history methods const wrapHistoryMethod = (method) => { const original = history[method]; return function (...args) { const result = original.apply(this, args); callback(window.location.href, method); return result; }; }; // Patch pushState and replaceState history.pushState = wrapHistoryMethod('pushState'); history.replaceState = wrapHistoryMethod('replaceState'); // Listen to popstate event (back/forward navigation) window.addEventListener('popstate', () => { callback(window.location.href, 'popstate'); }); } if (!window._laEvent) { window._laEvent = true window.lensAdvizorPDPUrl = window.location.pathname onUrlChange((url, type) => { if (type == 'pushState' && window.lensAdvizorPDPUrl != window.location.pathname) { LensAdvizor.reInit() } }); } LensAdvizor.reInit = async () => { console.log("Reinit LensAdvizor");; const element = document.querySelector("lensadvizor-btn"); element.setAttribute("data-la-product-id", document.querySelector("button[name=add]").getAttribute("data-product-id")); element.setAttribute("data-la-variant-id", document.querySelector(".product-form").getAttribute("data-current-product-id")); element.setAttribute("data-la-product-handle", document.querySelector(".product-form").getAttribute("data-product-handle")); await element.connectedCallback() LensAdvizor.product = element.productJSON; LensAdvizor.selectedOrDefaultVariant = element.variantId; LensAdvizor.productId = element.productJSON.id; LensAdvizor.collectionId = element.flowId; LensAdvizor.variantsJSON = element.productJSON.variants; LensAdvizor.productTitle = element.productJSON.title; LensAdvizor.productDefaultImage = element.productJSON.featured_image; LensAdvizor.initBuy() window.lensAdvizorPDPUrl = window.location.pathname } // Init the LUNA PD tool with the stores own Luna account // LensAdvizor.Luna.handleResultCallback = function (result) { // this.response.manually.pd.type = 'Single PD' // this.response.manually.pd.value = result.data.pd // document.querySelector('input[name="la-pd-field"][value="Single PD"]').checked = true // document.querySelector('select[name="la-pd-value"]').value = parseFloat(result.data.pd) // this.setLocalStorage("lunaPdInformation", result.data.pd) // }.bind(LensAdvizor.Luna); // LensAdvizor.options.luna_profile_name = "web_en" // LensAdvizor.options.luna_client_id = "796d36b9-66d1-4437-9516-cac18e28e9a7" if (!window.__laNullImageFix) { window.__laNullImageFix = true; var _laFetch = window.fetch.bind(window); window.fetch = function (input, init) { var url = typeof input === 'string' ? input : (input && input.url) || ''; var isItems = url.indexOf('/items/') > -1 && url.indexOf('/items/groups') === -1; var p = _laFetch(input, init); if (!isItems) return p; return p.then(function (res) { return res.clone().json().then(function (data) { if (Array.isArray(data)) { data.forEach(function (lens) { if (lens && Array.isArray(lens.images)) { lens.images = lens.images.filter(function (img) { return img && img.src; }); } }); } return new Response(JSON.stringify(data), { status: res.status, statusText: res.statusText, headers: { 'Content-Type': 'application/json' } }); }).catch(function () { return res; }); }); }; } //# sourceURL=la_null_image_fix.js // ----- Ocultar add-ons según la opción elegida ----- // Metafields en el producto add-on (⠇ → Manage Metafields): // _hide_when_optionX_is: valor1,valor2 // _only_show_when_optionX_is: valor1,valor2 if (!window.__laHideAddOns) { window.__laHideAddOns = true; document.addEventListener('LensAdvizor:component:DidMount', function (evt) { if (!evt.detail || evt.detail.method !== 'renderAddOns') return; var response = LensAdvizor.response || {}; var pt = response.selectedPrescriptionType; // el flow de add-ons puede venir del tipo de receta o de la lente var steps = (pt && pt.metafield && pt.metafield.addon_flow) ? pt.add_ons_products : (response.lens && response.lens.add_ons_products); var step = steps && steps[response.addOnsStep]; if (!step || !step.products) return; var selected = response.lensOptionsSelected || {}; var changed = false; step.products.forEach(function (product) { var hide = (product.metafields || []).some(function (mf) { if (!mf || !mf.key) return false; var hideMatch = mf.key.match(/^_hide_when_(option\d+)_is$/); var showMatch = mf.key.match(/^_only_show_when_(option\d+)_is$/); if (!hideMatch && !showMatch) return false; var selectedValue = selected[(hideMatch || showMatch)[1]]; if (!selectedValue) return false; var vals = String(mf.value).split(',').map(function (v) { return v.trim(); }); return hideMatch ? vals.indexOf(selectedValue) !== -1 : vals.indexOf(selectedValue) === -1; }); if (!hide) return; (product.variants || []).forEach(function (variant) { var input = document.getElementById(product.handle + '-' + variant.id); var card = input && input.closest('.la-label-btn-wrapper'); if (card) card.style.display = 'none'; }); // si venía seleccionado de antes (el cliente volvió y cambió la opción), // sácalo del carrito en curso para no cobrar algo invisible var chosen = response.addOns[response.addOnsStep] || []; var kept = chosen.filter(function (a) { return !(a.product && a.product.id == product.id); }); if (kept.length !== chosen.length) { response.addOns[response.addOnsStep] = kept; changed = true; } }); if (changed && typeof LensAdvizor.updateFooterPrices === 'function') { LensAdvizor.updateFooterPrices(); } }); } // ----- END Ocultar add-ons ----- // ----- Ocultar add-ons según la LENTE elegida (v2) ----- // Metafields en el producto add-on (⠇ → Manage Metafields): // _hide_when_lens_is: Lente A, Lente B // _only_show_when_lens_is: Lente A // _hide_when_optionX_is: valor1, valor2 // _only_show_when_optionX_is: valor1, valor2 // Complementa al bloque anterior: agrega las reglas por lente y tolera // espacios sobrantes en la key y diferencias de mayusculas en el valor. if (!window.__laHideAddOnsV2) { window.__laHideAddOnsV2 = true; var laNorm = function (v) { return String(v == null ? '' : v).trim().toLowerCase(); }; var laListHas = function (raw, value) { if (!value) return false; var needle = laNorm(value); return String(raw == null ? '' : raw) .split(',') .map(laNorm) .filter(Boolean) .indexOf(needle) !== -1; }; document.addEventListener('LensAdvizor:component:DidMount', function (evt) { if (!evt.detail || evt.detail.method !== 'renderAddOns') return; var response = LensAdvizor.response || {}; var pt = response.selectedPrescriptionType; var steps = (pt && pt.metafield && pt.metafield.addon_flow) ? pt.add_ons_products : (response.lens && response.lens.add_ons_products); var step = steps && steps[response.addOnsStep]; if (!step || !step.products) return; var selectedOptions = response.lensOptionsSelected || {}; var lensName = (response.lens && (response.lens.name || response.lens.title)) || ''; var changed = false; step.products.forEach(function (product) { var hide = (product.metafields || []).some(function (mf) { if (!mf || !mf.key) return false; var key = String(mf.key).trim(); var m; if (key === '_hide_when_lens_is') { return laListHas(mf.value, lensName); } if (key === '_only_show_when_lens_is') { return lensName ? !laListHas(mf.value, lensName) : false; } if ((m = key.match(/^_hide_when_(option\d+)_is$/))) { return laListHas(mf.value, selectedOptions[m[1]]); } if ((m = key.match(/^_only_show_when_(option\d+)_is$/))) { var sel = selectedOptions[m[1]]; return sel ? !laListHas(mf.value, sel) : false; } return false; }); if (!hide) return; (product.variants || []).forEach(function (variant) { var input = document.getElementById(product.handle + '-' + variant.id); var card = input && input.closest('.la-label-btn-wrapper'); if (card) card.style.display = 'none'; }); var chosen = response.addOns[response.addOnsStep] || []; var kept = chosen.filter(function (a) { return !(a.product && a.product.id == product.id); }); if (kept.length !== chosen.length) { response.addOns[response.addOnsStep] = kept; changed = true; } }); if (changed && typeof LensAdvizor.updateFooterPrices === 'function') { LensAdvizor.updateFooterPrices(); } }); } // ----- END Ocultar add-ons v2 ----- // ----- Promo percentage helper ----- // Percentage from the store-currency prices (so market rounding such as // $22 / $36 cannot turn 40% into 39%), unless they disagree with the // market prices by more than 2 points or give nothing; then the market prices win. if (!window.__otnPromoOff) { window.__otnPromoOff = function (rawPrice, rawCompare, price, compare) { var market = Math.round((1 - price / compare) * 100); var raw = Math.round((1 - parseFloat(rawPrice) / parseFloat(rawCompare)) * 100); return (raw > 0 && Math.abs(raw - market) <= 2) ? raw : market; }; } //# sourceURL=la_promo_off.js // ----- Promo prices on lens option cards (compare-at price) ----- // When the variant a card selects has a compare-at price above its price, // the card shows a discount badge, a "Lens Promo" badge, the struck // compare-at price and the real price. Translate "Lens Promo" in // LensAdvisor > Translation. if (!window.__laPromoPrices) { window.__laPromoPrices = true; document.addEventListener('LensAdvizor:lensOptions:rendered', function () { var la = window.LensAdvizor; var lens = la.response && la.response.lens; if (!lens || !lens.variants) return; var current = la.response.lensVariant || {}; document.querySelectorAll('.la-prescription-modal input.la-tap-select[data-option-type]').forEach(function (input) { var label = input.parentElement.querySelector('.la-label-btn'); if (!label || input.dataset.nonPricedOption === 'true') return; var old = label.querySelector('.otn-promo'); if (old) old.remove(); label.classList.remove('otn-has-promo'); // Same lookup as the app: this card's value, the current pick for every other option var key = input.dataset.optionType; var variant = lens.variants.find(function (v) { return Object.keys(lens.options).every(function (k) { return k === key ? v[k] === input.value : v[k] === current[k]; }); }); if (!variant || !variant.compare_at_price) return; var price = la.convertCurrency(lens.shopify_id, variant.variant_id, variant.price); var compare = la.convertCurrency(lens.shopify_id, variant.variant_id, variant.compare_at_price, true); if (!(compare > price)) return; var off = window.__otnPromoOff(variant.price, variant.compare_at_price, price, compare); label.classList.add('otn-has-promo'); label.insertAdjacentHTML('beforeend', ''); }); }); } // ----- END Promo prices ----- //# sourceURL=la_promo_prices.js // ----- Promo prices on lens cards (compare-at price) ----- // Same badge as the option cards, on the lens step. The card is priced from // the cheapest brand the shopper can actually pick: when the prescription was // entered by hand or read by AI, brands outside their Rx limits are skipped // with the same check the brand step uses. Otherwise the first variant, as // the app does. if (!window.__laPromoLensCards) { window.__laPromoLensCards = true; window.__otnCardVariant = function (la, lens) { var variants = lens.variants || []; if (!variants.length) return null; var method = la.response && la.response.method; var settings = lens.options_settings || []; var manual = la.response && la.response.manually; if (['entered_manually', 'ai_extraction'].indexOf(method) === -1 || !settings.length || !manual || !manual.od_right) return variants[0]; var allowed = variants.filter(function (v) { return Object.keys(lens.options || {}).every(function (key) { var option = lens.options[key]; var os = settings.find(function (s) { return s.name === option.name; }); if (!os) return true; var cfg = (os.values || []).find(function (val) { return val.name === v[key]; }); return la.validateLensOptionConfigation(cfg); }); }); if (!allowed.length) return variants[0]; return allowed.reduce(function (min, v) { return parseFloat(v.price) < parseFloat(min.price) ? v : min; }); }; document.addEventListener('LensAdvizor:lens:rendered', function () { var la = window.LensAdvizor; var lenses = la.lenses || []; document.querySelectorAll('.la-prescription-modal input.la-tap-select:not([data-option-type])').forEach(function (input) { var label = document.querySelector('.la-prescription-modal .la-label-btn[for="' + CSS.escape(input.id) + '"]'); if (!label) return; var lens = lenses.find(function (l) { return String(l.id) === String(input.value); }); if (!lens || !lens.variants || !lens.variants.length) return; var old = label.querySelector('.otn-promo'); if (old) old.remove(); label.classList.remove('otn-has-promo'); var variant = window.__otnCardVariant(la, lens); var price = la.convertCurrency(lens.shopify_id, variant.variant_id, variant.price); var compare = variant.compare_at_price ? la.convertCurrency(lens.shopify_id, variant.variant_id, variant.compare_at_price, true) : 0; // Keep the app's own price in step with the brand the card is priced from if (variant !== lens.variants[0]) { var priceBox = label.querySelector('.la-label-price'); if (priceBox) { var text = price > 0 ? la.formatCurrency(price) : la.Translation.getTranslatedText('FREE'); var node = Array.prototype.find.call(priceBox.childNodes, function (n) { return n.nodeType === 3 && n.nodeValue.trim(); }); if (node) node.nodeValue = text; else priceBox.textContent = text; } } if (!(compare > price)) return; var off = window.__otnPromoOff(variant.price, variant.compare_at_price, price, compare); label.classList.add('otn-has-promo'); label.insertAdjacentHTML('beforeend', ''); }); }); } // ----- END Promo prices on lens cards ----- // ----- Promo line in the footer ----- // The Lens row shows the original (compare-at) price, and a "Lens Promo -40%" // row right below it subtracts the saving. The subtotal is unchanged: the app // already totals the promo price. if (!window.__laPromoFooter) { window.__laPromoFooter = true; var laUpdateFooterPrices = LensAdvizor.updateFooterPrices; LensAdvizor.updateFooterPrices = function () { laUpdateFooterPrices.apply(this, arguments); var box = this.footerDynamicPriceBox; var lens = this.response && this.response.lens; var variant = this.response && this.response.lensVariant; if (!box) return; box.querySelectorAll('.otn-footer-promo').forEach(function (row) { row.remove(); }); if (!lens || !variant || !variant.compare_at_price) return; var price = this.convertCurrency(lens.shopify_id, variant.variant_id, variant.price); var compare = this.convertCurrency(lens.shopify_id, variant.variant_id, variant.compare_at_price, true); if (!(compare > price)) return; var off = window.__otnPromoOff(variant.price, variant.compare_at_price, price, compare); var promoRow = ''; var lensLabel = this.Translation.getTranslatedText('Lens'); var lensRow = Array.prototype.find.call(box.querySelectorAll('.la-footer-row'), function (row) { var text = row.querySelector('.la-footer-text'); return text && text.textContent.trim() === lensLabel; }); if (lensRow) { lensRow.querySelector('.la-frame-price').textContent = this.formatCurrency(compare); lensRow.insertAdjacentHTML('afterend', promoRow); } else { box.insertAdjacentHTML('beforeend', promoRow); } }; } // ----- END Promo line in the footer ----- //# sourceURL=la_promo_prices_2.js // ----- Promo prices on add-on cards (compare-at price) ----- // Same badge as the lens and option cards, on the add-ons step. Add-ons // without a compare-at price (or free ones) are left as they are. if (!window.__laPromoAddOns) { window.__laPromoAddOns = true; document.addEventListener('LensAdvizor:addOns:rendered', function () { var la = window.LensAdvizor; var response = la.response || {}; var pt = response.selectedPrescriptionType; var steps = (pt && pt.metafield && pt.metafield.addon_flow) ? pt.add_ons_products : (response.lens && response.lens.add_ons_products); var step = steps && steps[response.addOnsStep]; if (!step || !step.products) return; step.products.forEach(function (product) { (product.variants || []).forEach(function (variant) { var input = document.getElementById(product.handle + '-' + variant.id); var label = input && input.closest('.la-label-btn'); if (!label) return; var old = label.querySelector('.otn-promo'); if (old) old.remove(); label.classList.remove('otn-has-promo'); if (!variant.compare_at_price) return; var price = la.convertCurrency(product.id, variant.id, variant.price); var compare = la.convertCurrency(product.id, variant.id, variant.compare_at_price, true); if (!(compare > price)) return; var off = window.__otnPromoOff(variant.price, variant.compare_at_price, price, compare); label.classList.add('otn-has-promo'); label.insertAdjacentHTML('beforeend', ''); }); }); }); } // ----- END Promo prices on add-on cards ----- //# sourceURL=la_promo_prices_3.js

Shop by Gender

Shop by Selection

Top Sunglasses Brands

Shop by Shape

Shop by Gender

Shop by selection

Top Eyeglasses Brands

Shop by Shape

Your cart1

Hugo HG 1270/CS 807/IR (BLACK/GREY)

Subtotal

Subscribe to our newsletter

Your cart¹

Hugo HG 1270/CS
807/IR (BLACK/GREY)