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

Saint Laurent SL 708 OPT 001 (BLACK/GREY)

Subtotal

Subscribe to our newsletter

Your cart¹

Saint Laurent SL 708 OPT
001 (BLACK/GREY)