// 2025-09-30 Fixing issue where variant change is not being detected document.addEventListener("LensAdvizor:init:complete", () => { LensAdvizor.productForms.forEach(form => { form.querySelector('select').addEventListener('change', () => { LensAdvizor.formVariantUpdate.call(LensAdvizor, form.querySelector('[name=id]').value, LensAdvizor.selectedOrDefaultVariant ) }) }) }) /** ADD **/ // FIXED: Updated element IDs from la-odleft-add/la-odright-add to la-os_left-add/la-od_right-add document.addEventListener('LensAdvizor:render:manualEntryForm', function () { // 禁用左侧选择框中的 "Choose" 选项 const chooseOptionLeft = document.querySelector('#la-os_left-add .la-option-select'); if (chooseOptionLeft) { chooseOptionLeft.disabled = true; } // 禁用右侧选择框中的 "Choose" 选项 const chooseOptionRight = document.querySelector('#la-od_right-add .la-option-select'); if (chooseOptionRight) { chooseOptionRight.disabled = true; } }); // FIXED: Updated element IDs from la-odright-axis/la-odleft-axis to la-od_right-axis/la-os_left-axis // FIXED: Updated name attributes from la-odright-add/la-odleft-add to la-od_right-add/la-os_left-add document.addEventListener('LensAdvizor:render:manualEntryForm', function () { document.querySelector('#la-od_right-axis [value="0"]').remove(); document.querySelector('#la-os_left-axis [value="0"]').remove(); if (LensAdvizor.response.prescriptionType == "progressive") { document.querySelector('[name=la-od_right-add]').required = true document.querySelector('[name=la-os_left-add]').required = true } }) /** document.addEventListener('LensAdvizor:render:manualEntryForm', function () { const leftAddSelect = document.querySelector('[name="la-os_left-add"]'); const rightAddSelect = document.querySelector('[name="la-od_right-add"]'); leftAddSelect.addEventListener('change', function() { // 当左侧选择框变化时，将右侧选择框的值设为左侧选择框的值 rightAddSelect.value = leftAddSelect.value; }); rightAddSelect.addEventListener('change', function() { // 当右侧选择框变化时，将左侧选择框的值设为右侧选择框的值 leftAddSelect.value = rightAddSelect.value; }); }); **/ /** ADD End **/ /** document.addEventListener('LensAdvizor:lens:rendered', function (e) { if (e.detail.method == 'renderLenses') { if (LensAdvizor.collectionId == "6572") { var classNames = ['la-super-thin-1.67-67268', 'la-super-thin-1.67-67659', 'la-super-thin-1.67-67663', 'la-super-thin-1.67-67667']; classNames.forEach(function(className) { var elements = document.getElementsByClassName(className); for (var i = 0; i < elements.length; i++) { var element = elements[i]; var badge = document.createElement('span'); badge.className = 'la-price-notify-yellow'; badge.innerText = 'Most Popular'; element.appendChild(badge); } }); } } }); **/ // CREATING CUSTOM TOOLTIPS document.addEventListener('LensAdvizor:render:submissionMethods', function(){ // First get the layout let tooltipData = { "title":"Tooltip Title", "content": "Tooltip Content HTML

awesome

" }; // Define your image source or use a default image if not provided let imgSrc = "path/to/your/image.png"; // Optional. If omitted, the default "info" image will be used. // Get the custom tool tip layout let customToolTipLayout = LensAdvizor.getToolTipLayout(tooltipData, imgSrc); // Insert the tooltip into the HTML after the specified element document.querySelector('.la-blue-light-filtering .la-label-title').insertAdjacentHTML('afterend', customToolTipLayout); }); /** document.addEventListener('LensAdvizor:render:manualEntryForm', function () { //document.querySelector('[name="la-pd-value"').value = 63 if (LensAdvizor.response.prescriptionType == "Progressive") { document.querySelector('[name=la-od_right-add]').required = true document.querySelector('[name=la-os_left-add]').required = true } }) **/ /** document.addEventListener('LensAdvizor:prescriptionTypes:rendered', function () { console.log('smanualEntryForm'); if (LensAdvizor.collectionId == "6572") { document.querySelector('.la-wrapper-heading').insertAdjacentHTML('beforeend', `

If you need help, please contact us: service@zanylenoptical.com

`); } }); */ /** document.addEventListener('LensAdvizor:render:manualEntryForm', function() { if (LensAdvizor.collectionId === "6623") { const container = document.querySelector("#la-pd-fields-container"); if (container) { const infoHTML = `

PD = Pupillary Distance, a measurement from the center of one pupil to the center of another. The average PD range for adults is 57-72 mm. Learn more...

`; container.insertAdjacentHTML("afterend", infoHTML); } } }); */ document.addEventListener('LensAdvizor:render:manualEntryForm', function() { const elements = document.querySelectorAll(".la-prescription-fields-wrapper .la-h6"); if (elements.length >= 3) { // 确保有至少三个元素 const thirdElement = elements[2]; // 索引为2的元素是第三个 if (thirdElement) { const tooltipHTML = ` `; thirdElement.insertAdjacentHTML("beforeend", tooltipHTML); } } }); // CSS styles for tooltip popup var style = document.createElement('style'); style.innerHTML = ` .info-icon { cursor: pointer; margin-left: 10px; color: blue; font-size: 18px; } .las { font-family: 'Line Awesome Free'!important; font-weight: 900; } .tooltip-popup { display: none; position: fixed; z-index: 9999; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 300px; background-color: white; box-shadow: 0px 0px 15px rgba(0,0,0,0.2); padding: 15px; border-radius: 8px; } .tooltip-content { position: relative; padding: 10px; text-align: left; } .close-tooltip { position: absolute; top: 5px; right: 10px; cursor: pointer; font-size: 18px; } `; document.head.appendChild(style); // Functions to show and close the tooltip popup function showTooltip() { document.getElementById('tooltip-popup').style.display = 'block'; } function closeTooltip() { document.getElementById('tooltip-popup').style.display = 'none'; } // // ===== PRISM SURCHARGE ($29 when a prism value is entered) ===== var LA_PRISM_PRODUCT_ID = 8590051639330; // Prism Prescription product var LA_PRISM_VARIANT_ID = 46393612664866; // its variant ($29.00) // Register the fee product so the widget loads its price (append, don't overwrite) LensAdvizor.customProductIds = (LensAdvizor.customProductIds || []).concat([LA_PRISM_PRODUCT_ID]); function laRemoveAddOnStep(stepName) { if (!Array.isArray(LensAdvizor.customAddOns)) LensAdvizor.customAddOns = []; var i = LensAdvizor.customAddOns.findIndex(function (v) { return v.step === stepName; }); if (i >= 0) LensAdvizor.customAddOns.splice(i, 1); } function laHasPrismValue() { var m = LensAdvizor.response && LensAdvizor.response.manually; if (!m || !m.prism_fields) return false; return ['od_right', 'os_left'].some(function (eye) { var f = m.prism_fields[eye]; if (!f) return false; var h = parseFloat(f.horizontal), v = parseFloat(f.vertical); return (!isNaN(h) && h !== 0) || (!isNaN(v) && v !== 0); }); } document.addEventListener('LensAdvizor:component:WillMount', function (evt) { if (evt.detail.eventType !== 'LensAdvizor:review:rendered') return; // REVIEW SCOPE: only flow 6853 while Tian reviews. Delete this one line to roll out to all flows. // if (String(LensAdvizor.collectionId) !== '6853') return; laRemoveAddOnStep('Prism'); // idempotent: clear before re-adding if (laHasPrismValue()) { LensAdvizor.customAddOns.push({ variantId: LA_PRISM_VARIANT_ID, productId: LA_PRISM_PRODUCT_ID, productTitle: 'Prism prescription', step: 'Prism', properties: {} }); } }); // ===== Show the prism price next to the Prism toggle (Shopify Markets aware) ===== // Replaces the block that hardcoded LA_PRISM_PRICE_TEXT = '+$29'. // The manual entry form renders before the widget loads presentment prices // (prescriptionEntryFormLocation = before-lens), so fetch them here. The widget's // own getPresentmentPrices() already includes LensAdvizor.customProductIds and // asks the app for the contextual (Shopify Markets) price for Shopify.country. var laPrismPricePromise = null; function laGetPrismPrice() { if (!laPrismPricePromise) { laPrismPricePromise = Promise.resolve() .then(function () { var cached = LensAdvizor.presentmentPrices && LensAdvizor.presentmentPrices[LA_PRISM_PRODUCT_ID]; return cached ? LensAdvizor.presentmentPrices : LensAdvizor.getPresentmentPrices([]); }) .then(function (prices) { // Merge so the widget's convertCurrency() can use them too; the lens step overwrites this later anyway. LensAdvizor.presentmentPrices = Object.assign({}, LensAdvizor.presentmentPrices, prices); return LensAdvizor.convertCurrency(LA_PRISM_PRODUCT_ID, LA_PRISM_VARIANT_ID, 29); }) .catch(function () { laPrismPricePromise = null; // allow a retry on the next render return null; }); } return laPrismPricePromise; } function laShowPrismPrice() { var heading = document.querySelector('h6.la-h6[aria-label="Prism Values"]'); if (!heading || document.getElementById('la-prism-price-note')) return; var note = document.createElement('span'); note.id = 'la-prism-price-note'; note.style.color = '#000000'; note.style.fontWeight = '600'; note.style.fontSize = '0.9em'; heading.appendChild(note); laGetPrismPrice().then(function (price) { if (!price || isNaN(price)) return; note.textContent = ' (+' + LensAdvizor.formatCurrency(price) + ')'; }); } document.addEventListener('LensAdvizor:render:manualEntryForm', laShowPrismPrice); document.addEventListener('LensAdvizor:render:readingForm', laShowPrismPrice); //# sourceURL=la_extrastuff.js // ===== Prism Values Tooltip ===== (function () { if (window.__laPrismTooltipFixLoaded) return; window.__laPrismTooltipFixLoaded = true; var POPUP_ID = 'prism-tooltip-popup'; var ICON_CLASS = 'prism-info-icon'; function ensurePrismTooltip() { var heading = document.querySelector( 'h6.la-h6[aria-label="Prism Values"]' ); if (!heading) return; /* * 添加 Prism 问号。 * 如果页面中已经有问号，则直接复用，不重复添加。 */ var icon = heading.querySelector('.' + ICON_CLASS); if (!icon) { icon = document.createElement('span'); icon.className = 'info-icon ' + ICON_CLASS; icon.setAttribute('role', 'button'); icon.setAttribute('tabindex', '0'); icon.setAttribute( 'aria-label', 'Learn more about Prism Values' ); icon.innerHTML = ` `; heading.appendChild(icon); } /* * 找到 LensAdvizor 的模态框。 * Prism 弹窗必须放在模态框内部，避免被遮罩层盖住。 */ var modal = heading.closest('.la-prescription-modal') || document.querySelector('.la-prescription-modal') || document.body; var popup = document.getElementById(POPUP_ID); /* * 创建 Prism 弹窗。 */ if (!popup) { popup = document.createElement('div'); popup.id = POPUP_ID; popup.className = 'tooltip-popup'; popup.setAttribute('role', 'dialog'); popup.setAttribute('aria-modal', 'true'); popup.setAttribute( 'aria-label', 'Prism Values information' ); popup.innerHTML = ` `; } /* * 如果旧代码曾将弹窗添加到 body， * 这里会自动将其移动到 LensAdvizor 模态框内部。 */ if (popup.parentElement !== modal) { modal.appendChild(popup); } /* * 确保弹窗显示在 LensAdvizor 内容上方。 */ popup.style.zIndex = '2147483647'; } function openPrismTooltip(event) { if (event) { event.preventDefault(); event.stopPropagation(); } ensurePrismTooltip(); var popup = document.getElementById(POPUP_ID); var pdPopup = document.getElementById('tooltip-popup'); /* * 打开 Prism 弹窗时关闭 PD 弹窗。 */ if (pdPopup) { pdPopup.style.display = 'none'; } if (popup) { popup.style.display = 'block'; } } function closePrismTooltip(event) { if (event) { event.preventDefault(); event.stopPropagation(); } var popup = document.getElementById(POPUP_ID); if (popup) { popup.style.display = 'none'; } } function runAfterRender() { /* * 等 LensAdvizor 当前渲染完成后再添加问号和弹窗。 */ window.setTimeout(ensurePrismTooltip, 0); } document.addEventListener( 'LensAdvizor:render:manualEntryForm', runAfterRender ); document.addEventListener( 'LensAdvizor:render:readingForm', runAfterRender ); /* * 使用事件委托处理点击。 * 即使 LensAdvizor 重新渲染并替换问号节点， * 点击事件仍然有效。 */ document.addEventListener( 'click', function (event) { if (!(event.target instanceof Element)) return; var icon = event.target.closest( '.' + ICON_CLASS ); if (icon) { openPrismTooltip(event); return; } var closeButton = event.target.closest( '#' + POPUP_ID + ' .prism-tooltip-close' ); if (closeButton) { closePrismTooltip(event); } }, true ); /* * 支持键盘操作： * Enter 或空格打开/关闭，Esc 关闭。 */ document.addEventListener('keydown', function (event) { if (!(event.target instanceof Element)) return; if ( (event.key === 'Enter' || event.key === ' ') && event.target.closest('.' + ICON_CLASS) ) { openPrismTooltip(event); return; } if ( (event.key === 'Enter' || event.key === ' ') && event.target.closest( '#' + POPUP_ID + ' .prism-tooltip-close' ) ) { closePrismTooltip(event); return; } if (event.key === 'Escape') { closePrismTooltip(); } }); /* * 兼容代码执行时表单已经渲染完成的情况。 */ runAfterRender(); })();