LensAdvizor.Translation.translationJSON["en"].FREE = "" //Remove variant title from the la-prescription-modal-title document.addEventListener('LensAdvizor:selectLensModal:open', function () { setTimeout(function () { const titleEl = document.querySelector('#la-prescription-modal-title') if (titleEl) { titleEl.textContent = LensAdvizor.productTitle } }, 50) }); // Turn the Add Ons Skip link into a button instead document.addEventListener('LensAdvizor:addOns:rendered', function(){ document.querySelector('.la-skip-add-on-wrapper').addEventListener("click", function(e){ if(!e.target.classList.contains('la-skip-add-on')){ this.querySelector('.la-skip-add-on').click() } }); }) // All of this custom code is to add some labels to the review step for Lens Type, Prescription, and Add Ons LensAdvizor.renderReviewDetails = function() { let variant_summary = '' this.variants[this.selectedOrDefaultVariant].json.options.forEach(optionName => { if (optionName !== "Default Title") { variant_summary += `

${optionName}

` } }) var options_text = "" for (let optionKey in this.response.lens.options) { var option = this.response.lens.options[optionKey] if (this.response.lensVariant[optionKey] === "Default Title") { continue } options_text += `

${option.name}: ${this.response.lensVariant[optionKey]}

` } // const properties = new this.AddToCartHandler(this).getProperties("lens") const properties = new AddToCartHandler(this).getProperties("lens") var properties_texts = [] const properties_keys = Object.keys(properties) properties_keys.forEach(function (fieldName, index) { if (!fieldName.startsWith('_') && !["Prescription Type", "Prescription Method", "Product"].includes(fieldName)) { properties_texts.push(`${fieldName}: ${properties[fieldName]}`) } }) var addOnsPrice = 0 var isAddOnsSelected = false var addOns = ""; if (this.response.lens.add_ons) { addOns = `

${this.Translation.getTranslatedText('Add Ons')}

${Object.keys(this.response.addOns).map(step => { const stepInfo = this.response.addOns[step] if (!stepInfo.variantId && !stepInfo.product) { return '' } const variant = stepInfo.product.variants.find(variant => variant.id.toString() == stepInfo.variantId.toString()) addOnsPrice += parseFloat(variant.price) let productTitle = stepInfo.product.title if (variant.title !== 'Default Title') { !stepInfo.product.title.includes(variant.title) productTitle = `${productTitle} - ${variant.title}` } isAddOnsSelected = true return `

${stepInfo.step}: ${productTitle}

${variant.price > 0 ? this.formatCurrency(this.convertCurrency(stepInfo.product.id, variant.id, variant.price)) : this.Translation.getTranslatedText("FREE")}

` }).join('')}

` } const selectedVariant = this.variants[this.selectedOrDefaultVariant] const contentReview = `

${this.productTitle}

${variant_summary}

${selectedVariant.price > 0 ? this.formatCurrency(this.convertCurrency(this.productId, this.selectedOrDefaultVariant, selectedVariant.price)) : this.Translation.getTranslatedText("FREE")}

${this.response.lens.name}

${this.Translation.getTranslatedText("Lens type: ") + this.getPrescriptionTitle(this.response.prescriptionType)}

${this.response.prescriptionType == "single_vision" || this.response.prescriptionType == "progressive" ? `

${this.Translation.getTranslatedText("Prescription: ") + this.getPrescriptionMethodDisplayName(this.response.method)}

` : ""}

${properties_texts.join("
")}

${options_text}

${this.response.lensVariant.price > 0 ? this.formatCurrency(this.convertCurrency(this.response.lens.shopify_id, this.response.lensVariant.variant_id, this.response.lensVariant.price)) : this.Translation.getTranslatedText("FREE")}

${addOns}

${this.Translation.getTranslatedText('Quantity')}

${this.options.variantConfig.showQuantityFieldOnReview ? '

' : ''}

${this.Translation.getTranslatedText('Order Notes')}

`; return contentReview; } // FIX: Reading diopters - core overwrites response at every step // Strategy: capture value, fix review DOM, intercept cart API call LensAdvizor._selectedDiopter = null; // 1. Capture diopter via document-level delegation (survives re-renders) document.addEventListener('change', function(e) { if (e.target && e.target.name === 'la-diopters') { LensAdvizor._selectedDiopter = e.target.value; } }, true); // 2. Fix the review page DOM after render document.addEventListener('LensAdvizor:review:rendered', function() { if (LensAdvizor.response.prescriptionType !== 'reading') return; if (!LensAdvizor._selectedDiopter) return; var val = LensAdvizor._selectedDiopter; var descEls = document.querySelectorAll('.la-render-review .la-label-description'); descEls.forEach(function(el) { var html = el.innerHTML; if (html.indexOf('sphere_left') === -1) return; html = html.replace(/sphere_left:\s*[^\s<]+/, 'sphere_left: ' + val); html = html.replace(/sphere_right:\s*[^\s<]+/, 'sphere_right: ' + val); html = html.replace(/prescription_type:\s*Single Vision/, 'prescription_type: Reading'); if (!LensAdvizor.options.settings.pd_on_readers) { html = html.replace(/pd:\s*[^\s<]+\s*
\s*/, ''); } el.innerHTML = html; }); }); // 3. Intercept fetch to /cart/add.js to fix data going to Shopify (function() { var originalFetch = window.fetch; window.fetch = function(url, options) { if (typeof url === 'string' && url.indexOf('/cart/add') !== -1 && LensAdvizor.response && LensAdvizor.response.prescriptionType === 'reading' && LensAdvizor._selectedDiopter) { var val = LensAdvizor._selectedDiopter; if (options && options.body) { var body; try { if (typeof options.body === 'string') { body = JSON.parse(options.body); } else if (options.body instanceof FormData) { return originalFetch.apply(this, arguments); } else { body = options.body; } if (body.items && Array.isArray(body.items)) { body.items.forEach(function(item) { if (item.properties) { if ('sphere_left' in item.properties) { item.properties.sphere_left = val; } if ('sphere_right' in item.properties) { item.properties.sphere_right = val; } if ('prescription_type' in item.properties) { item.properties.prescription_type = 'Reading'; } if (!LensAdvizor.options.settings.pd_on_readers && 'pd' in item.properties) { delete item.properties.pd; } } }); } options.body = JSON.stringify(body); } catch(e) { // parsing failed, send original } } } return originalFetch.apply(this, arguments); }; })(); //# sourceURL=la_extrastuff.js

Jacques Marie Mage x Glenn Gould