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 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 = Math.round((1 - price / compare) * 100); 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. Uses the price the app // shows on the card (first variant) and its compare-at price. if (!window.__laPromoLensCards) { window.__laPromoLensCards = true; 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 price = la.getLensPrice(lens); var compare = la.getLensPrice(lens, true); if (!(compare > price)) return; // Percentage from the store-currency prices, so market rounding // (for example $22 / $36 in USD) cannot turn 40% into 39%. var first = lens.variants[0]; var off = Math.round((1 - parseFloat(first.price) / parseFloat(first.compare_at_price)) * 100); label.classList.add('otn-has-promo'); label.insertAdjacentHTML('beforeend', ''); }); }); } // ----- END Promo prices on lens cards ----- // ----- Promo line in the footer ----- // After the app rebuilds the footer rows, add a "Lens Promo -40%" row with the // amount saved on the chosen lens variant. The subtotal already excludes it. 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 || !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 = Math.round((1 - parseFloat(variant.price) / parseFloat(variant.compare_at_price)) * 100); box.insertAdjacentHTML('beforeend', ''); }; } // ----- 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 = Math.round((1 - parseFloat(variant.price) / parseFloat(variant.compare_at_price)) * 100); 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

L.G.R MARRAKECH 5737 (MATTE BLACK - HAVANA/GREY)

Subtotal

Subscribe to our newsletter

Your cart¹

L.G.R MARRAKECH
5737 (MATTE BLACK - HAVANA/GREY)