document.addEventListener('LensAdvizor:prescriptionTypes:rendered', function () { if (LensAdvizor.prescriptionTypes[0].metafields.length > 0) { const title = document.querySelector("#la_prescriptionSelect_title"); title.innerHTML = LensAdvizor.prescriptionTypes[0].metafields[0].value; } const title = document.querySelector("#la_prescriptionSelect_title"); if (title) { title.innerHTML = `

${LensAdvizor.Translation.getTranslatedText("Add Lenses or Frame Only?")}

${LensAdvizor.Translation.getTranslatedText("If you need any help, contact us for expert advice.")}

`; } }) // Handle the chat widget document.addEventListener('LensAdvizor:component:DidMount', function () { const headingWrapper = document.querySelector('.la-wrapper-heading'); if (headingWrapper) { headingWrapper.classList.add('custom-header'); // Inject Chat Widget (only if not already added) let chatWidget = document.querySelector('.chat-widget'); if (!chatWidget) { chatWidget = document.createElement('div'); chatWidget.classList.add('chat-widget'); chatWidget.innerHTML = `

${LensAdvizor.Translation.getTranslatedText("Hello, do you have any questions about lenses?")}

${LensAdvizor.Translation.getTranslatedText("Ask us now, we are opticians.")}
Chat Online

`; headingWrapper.appendChild(chatWidget); } // Add click event listener to chat widget chatWidget.addEventListener('click', function() { zE('messenger', 'open'); document.querySelector('.la-prescription-modal').style.zIndex = '100000' }); // When the Zendesk chat is clsoed, reset zIndex back to standard zE('messenger:on', 'close', ()=>{ document.querySelector('.la-prescription-modal').style.zIndex = '1000000' }) } }); // ----- START Conditionally Hide Options ----- // Uses the following metadata, with comma separated values // _hide_when_option1_is: Green, Blue, Red // _hide_when_option2_is: Small, Medium, Large // _only_show_when_option1_is: Green, Blue, Red // can apply to option1, option2, option3 document.addEventListener('LensAdvizor:component:DidMount', function (evt, args) { if (evt.detail && evt.detail.method === "renderOption") { const { raw_options } = this.response.lens; let optionKey = `option${this.response.optionLevel}`; let option = raw_options[this.response.optionLevel - 1]; if (!option || !Array.isArray(option.values)) { return; // Exit early to avoid further errors } option.values.forEach(function (optval) { if (!optval.metafields || !Array.isArray(optval.metafields)) { // Skip this iteration if metafields is not defined as expected return; } optval.metafields.forEach(function (mf) { // Build the selector for the current option value let elementID = '#' + optionKey + optval.name.generateUnique(); // Check for "_hide_when_{optionX}_is" let hideMatch = mf.key.match(/^_hide_when_(option\d+)_is$/); if (hideMatch) { let targetOptionKey = hideMatch[1]; // e.g., "option1" or "option2" let selectedValue = this.response.lensOptionsSelected[targetOptionKey]; const vals = mf.value.split(",").map(item => item.trim()); if (selectedValue && vals.includes(selectedValue)) { // Hide the element if the selected value matches one in the list let el = document.querySelector(elementID); if (el) { el.parentElement.style.display = 'none'; } } } // Check for "_only_show_when_{optionX}_is" let showMatch = mf.key.match(/^_only_show_when_(option\d+)_is$/); if (showMatch) { let targetOptionKey = showMatch[1]; // e.g., "option1" or "option2" let selectedValue = this.response.lensOptionsSelected[targetOptionKey]; const allowedVals = mf.value.split(",").map(item => item.trim()); if (selectedValue && !allowedVals.includes(selectedValue)) { // Hide the element if the selected value is not in the allowed list let el = document.querySelector(elementID); if (el) { el.parentElement.style.display = 'none'; } } } }.bind(this)); }.bind(this)); } }.bind(LensAdvizor)); // ----- END Conditionally Hide Options ----- document.addEventListener('LensAdvizor:component:DidMount', function (event) { // ────────────────────────────────────────────────────────────────────────────── // 1. Replace footer text with current variant title // ────────────────────────────────────────────────────────────────────────────── const footerTextEl = document.querySelector('.la-footer-text.la-translate'); if (footerTextEl && LensAdvizor.variantTitleContainer) { footerTextEl.innerHTML = LensAdvizor.variantTitleContainer.innerHTML; } // ────────────────────────────────────────────────────────────────────────────── // 2. Hide the prescription modal’s frame title // ────────────────────────────────────────────────────────────────────────────── const frameTitleEl = document.getElementById('la-prescription-modal-title'); if (frameTitleEl) { frameTitleEl.classList.add('hide-frame-title'); } // ────────────────────────────────────────────────────────────────────────────── // 3. Rebuild the “Select

Lunettes de Vue Off-White – Design Avant-Gardiste et Urbain

Off White Eyewear Style 8 7200 53

Off White Style 21 6000 50

Off White Eyewear Style 8 1000 59