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 // _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 lastOptionKey = ''; 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 } if (this.response.optionLevel > 1) { lastOptionKey = `option${this.response.optionLevel - 1}`; } 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) { let elementID = '#' + optionKey + optval.name.generateUnique(); if (mf.key === `_hide_when_${lastOptionKey}_is`) { const vals = mf.value.split(",").map(item => item.trim()); if (vals.includes(this.response.lensOptionsSelected[lastOptionKey])) { // Hide the element if the selected value is in the list for hiding document.querySelector(elementID).parentElement.style.display = 'none'; } } if (mf.key === `_only_show_when_${lastOptionKey}_is`) { const allowedVals = mf.value.split(",").map(item => item.trim()); // If the selected value in the previous option is NOT in the allowed list, hide the element if (!allowedVals.includes(this.response.lensOptionsSelected[lastOptionKey])) { document.querySelector(elementID).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

MAN

WOMAN

MAN

WOMAN

MAN

WOMAN

MAN

WOMAN