LensAdvizor:lensOptions:rendered") { // // updateAddonLensPricing(); // // } // // }); // // // Also update when lens variant changes // // document.addEventListener('LensAdvizor:lensVariant:change', function() { // // updateAddonLensPricing(); // // }); // // function updateAddonLensPricing() { // // // Get all option price elements in the add-on flow // // const optionPriceElements = document.querySelectorAll('.la-option-pricing'); // // if (!optionPriceElements.length) return; // // // Get the selected lens data // // const selectedLens = LensAdvizor.response.lens; // // if (!selectedLens || !selectedLens.variants) return; // // optionPriceElements.forEach(function(priceEl) { // // // Find the parent wrapper to get the radio input // // const wrapper = priceEl.closest('.la-label-btn-wrapper'); // // if (!wrapper) return; // // const radioInput = wrapper.querySelector('input[type="radio"]'); // // if (!radioInput) return; // // const optionValue = radioInput.value; // // // Find matching variant by name // // const variant = selectedLens.variants.find(function(v) { // // return v.name === optionValue; // // }); // // if (!variant) return; // // const compareAtPrice = variant.compare_at_price; // // const currentPrice = parseFloat(variant.price); // // // Check if there's a valid compare-at price that's higher than current price // // if (compareAtPrice && parseFloat(compareAtPrice) > currentPrice) { // // const compareAtCents = parseFloat(compareAtPrice) * 100; // // const currentPriceCents = currentPrice * 100; // // // Get currency format // // const currentCurrency = LensAdvizor.Currency.currentCurrency || 'USD'; // // const moneyFormat = LensAdvizor.Currency.moneyFormats[currentCurrency].money_format; // // // Format both prices // // const formattedComparePrice = LensAdvizor.Currency.formatMoney(compareAtCents, moneyFormat); // // const formattedCurrentPrice = LensAdvizor.Currency.formatMoney(currentPriceCents, moneyFormat); // // // Update the price element with compare-at price and current price // // priceEl.innerHTML = // // '+' + formattedCurrentPrice + ''+ // // '' + formattedComparePrice + '' // // ; // // } else { // // // No compare-at price, show normal pricing // // const currentText = priceEl.textContent.trim(); // // // If it shows "Selected", leave it // // if (currentText === 'Selected') { // // return; // // } // // // Otherwise ensure proper formatting with + // // if (currentPrice > 0) { // // const currentPriceCents = currentPrice * 100; // // const currentCurrency = LensAdvizor.Currency.currentCurrency || 'USD'; // // const moneyFormat = LensAdvizor.Currency.moneyFormats[currentCurrency].money_format; // // const formattedPrice = LensAdvizor.Currency.formatMoney(currentPriceCents, moneyFormat); // // priceEl.textContent = `+${formattedPrice}`; // // } // // } // // }); // // } // // //# sourceURL=la_extrastuff.js // // Update Add-On lens option pricing to show ONLY the add-on price with compare-at price // document.addEventListener('LensAdvizor:component:DidMount', function(evt) { // if (evt.detail.eventType === "LensAdvizor:lensOptions:rendered") { // updateAddonLensPricing(); // } // }); // document.addEventListener('LensAdvizor:lensVariant:change', function() { // updateAddonLensPricing(); // }); // function updateAddonLensPricing() { // // Get all option price elements in the add-on flow // const optionPriceElements = document.querySelectorAll('.la-option-pricing'); // if (!optionPriceElements.length) return; // // Get the selected lens and its raw_options for add-on pricing // const selectedLens = LensAdvizor.response.lens; // if (!selectedLens || !selectedLens.raw_options) return; // optionPriceElements.forEach(function(priceEl) { // // Find the parent wrapper to get the radio input // const wrapper = priceEl.closest('.la-label-btn-wrapper'); // if (!wrapper) return; // const radioInput = wrapper.querySelector('input[type="radio"]'); // if (!radioInput) return; // const optionValue = radioInput.value; // const optionType = radioInput.getAttribute('data-option-type'); // e.g., "option1" // // Find the raw_option that matches this option type // const rawOption = selectedLens.raw_options.find(function(opt) { // return opt.id === selectedLens.options[optionType].id; // }); // if (!rawOption) return; // // Find the specific value in raw_options // const rawValue = rawOption.values.find(function(v) { // return v.name === optionValue; // }); // if (!rawValue) return; // // Get the add-on price from raw_options // const addonPrice = parseFloat(rawValue.price) || 0; // // If this is a zero-price option (like "None" or "Selected"), handle it // if (addonPrice === 0) { // const currentText = priceEl.textContent.trim(); // // Only update if it's not already showing "Selected" // if (currentText !== 'Selected') { // priceEl.textContent = 'Selected'; // } // return; // } // // Find matching variant to check for compare_at_price // const variant = selectedLens.variants.find(function(v) { // return v.name === optionValue; // }); // if (!variant) return; // // Get currency format // const currentCurrency = LensAdvizor.Currency.currentCurrency || 'USD'; // const moneyFormat = LensAdvizor.Currency.moneyFormats[currentCurrency].money_format; // // Calculate the discounted add-on price // let discountedAddonPrice = addonPrice; // if (variant.compare_at_price && parseFloat(variant.compare_at_price) > parseFloat(variant.price)) { // // Calculate discount ratio from the total lens prices // const compareAtTotal = parseFloat(variant.compare_at_price); // const currentTotal = parseFloat(variant.price); // const discountRatio = currentTotal / compareAtTotal; // // Apply same discount ratio to add-on price // discountedAddonPrice = addonPrice * discountRatio; // } // // Format prices // const formattedComparePrice = LensAdvizor.Currency.formatMoney( // addonPrice * 100, // moneyFormat // ); // const formattedCurrentPrice = LensAdvizor.Currency.formatMoney( // Math.round(discountedAddonPrice * 100), // moneyFormat // ); // // Check if there's actually a discount // if (discountedAddonPrice < addonPrice) { // // Show current price on top (bold), compare-at price below (strikethrough) // priceEl.innerHTML = // '+' + formattedCurrentPrice + '' + // '+' + formattedComparePrice + ''; // } else { // // No discount, just show the add-on price // priceEl.textContent = '+' + formattedComparePrice; // } // }); // } // // Update Add-On lens option pricing to show ONLY the add-on price with compare-at price // document.addEventListener('LensAdvizor:component:DidMount', function(evt) { // if (evt.detail.eventType === "LensAdvizor:lensOptions:rendered") { // updateAddonLensPricing(); // } // }); // document.addEventListener('LensAdvizor:lensVariant:change', function() { // updateAddonLensPricing(); // }); // function updateAddonLensPricing() { // // Get all option price elements in the add-on flow // const optionPriceElements = document.querySelectorAll('.la-option-pricing'); // if (!optionPriceElements.length) return; // // Get the selected lens and its raw_options for add-on pricing // const selectedLens = LensAdvizor.response.lens; // if (!selectedLens || !selectedLens.raw_options) return; // optionPriceElements.forEach(function(priceEl) { // // Find the parent wrapper to get the radio input // const wrapper = priceEl.closest('.la-label-btn-wrapper'); // if (!wrapper) return; // const radioInput = wrapper.querySelector('input[type="radio"]'); // if (!radioInput) return; // const optionValue = radioInput.value; // const optionType = radioInput.getAttribute('data-option-type'); // const isSelected = radioInput.checked; // // Find the raw_option that matches this option type // const rawOption = selectedLens.raw_options.find(function(opt) { // return opt.id === selectedLens.options[optionType].id; // }); // if (!rawOption) return; // // Find the specific value in raw_options // const rawValue = rawOption.values.find(function(v) { // return v.name === optionValue; // }); // if (!rawValue) return; // // Get the add-on price from raw_options // const addonPrice = parseFloat(rawValue.price) || 0; // // Find matching variant to check for compare_at_price // const variant = selectedLens.variants.find(function(v) { // return v.name === optionValue; // }); // if (!variant) return; // // Get currency format // const currentCurrency = LensAdvizor.Currency.currentCurrency || 'USD'; // const moneyFormat = LensAdvizor.Currency.moneyFormats[currentCurrency].money_format; // // If this is a zero-price option (like "None") // if (addonPrice === 0) { // // If it's selected, show "Selected" // if (isSelected) { // priceEl.textContent = 'Selected'; // } else { // // Not selected - show ONLY negative current price (no compare-at) // // Find which option IS selected // const selectedOption = wrapper.closest('.la-option-list').querySelector('input[type="radio"]:checked'); // if (selectedOption) { // const selectedOptionValue = selectedOption.value; // const selectedRawValue = rawOption.values.find(function(v) { // return v.name === selectedOptionValue; // }); // if (selectedRawValue && parseFloat(selectedRawValue.price) > 0) { // const selectedAddonPrice = parseFloat(selectedRawValue.price); // // Find the selected variant for discount calculation // const selectedVariant = selectedLens.variants.find(function(v) { // return v.name === selectedOptionValue; // }); // if (selectedVariant && selectedVariant.compare_at_price) { // const selectedCompareAt = parseFloat(selectedVariant.compare_at_price); // const selectedCurrent = parseFloat(selectedVariant.price); // const discountRatio = selectedCurrent / selectedCompareAt; // const discountedSelectedAddon = selectedAddonPrice * discountRatio; // // Show ONLY negative current price (no compare-at) // const formattedCurrentPrice = LensAdvizor.Currency.formatMoney( // Math.round(discountedSelectedAddon * 100), // moneyFormat // ); // priceEl.textContent = '-' + formattedCurrentPrice; // } else { // // No discount on selected, just show negative of addon price // const formattedPrice = LensAdvizor.Currency.formatMoney( // Math.round(selectedAddonPrice * 100), // moneyFormat // ); // priceEl.textContent = '-' + formattedPrice; // } // } else { // priceEl.textContent = ''; // } // } else { // priceEl.textContent = ''; // } // } // return; // } // // For non-zero price options (like "Blue Light Coating" or "Polarization") // if (isSelected) { // // If selected, show "Selected" // priceEl.textContent = 'Selected'; // } else { // // Not selected - show add-on price with compare-at if there's a discount // let discountedAddonPrice = addonPrice; // let hasDiscount = false; // // Check if variant has compare_at_price and it's higher than current price // if (variant.compare_at_price && parseFloat(variant.compare_at_price) > parseFloat(variant.price)) { // // Calculate discount ratio from the total lens prices // const compareAtTotal = parseFloat(variant.compare_at_price); // const currentTotal = parseFloat(variant.price); // const discountRatio = currentTotal / compareAtTotal; // // Apply same discount ratio to add-on price // discountedAddonPrice = addonPrice * discountRatio; // hasDiscount = true; // } // // Format prices // const formattedComparePrice = LensAdvizor.Currency.formatMoney( // addonPrice * 100, // moneyFormat // ); // const formattedCurrentPrice = LensAdvizor.Currency.formatMoney( // Math.round(discountedAddonPrice * 100), // moneyFormat // ); // // Check if there's actually a discount (prices are different) // if (hasDiscount && discountedAddonPrice < addonPrice) { // // Show current price on top (bold), compare-at price below (strikethrough) // priceEl.innerHTML = // '+' + formattedCurrentPrice + '' + // '+' + formattedComparePrice + ''; // } else { // // No discount, just show the add-on price // priceEl.textContent = '+' + formattedComparePrice; // } // } // }); // } // // Hide compare-at prices on lens selection when there's no actual discount // document.addEventListener('LensAdvizor:component:DidMount', function(evt) { // if (evt.detail.eventType === "LensAdvizor:lens:rendered") { // hideIdenticalCompareAtPrices(); // } // }); // function hideIdenticalCompareAtPrices() { // // Find all lens price containers // const lensPriceContainers = document.querySelectorAll('.la-label-price'); // lensPriceContainers.forEach(function(priceContainer) { // // Get the compare-at price element within this container // const compareAtEl = priceContainer.querySelector('.la-compare-at-price'); // if (!compareAtEl) return; // // Get the main price text (excluding the compare-at price) // const mainPriceText = Array.from(priceContainer.childNodes) // .filter(function(node) { // return node.nodeType === Node.TEXT_NODE; // }) // .map(function(node) { // return node.textContent.trim(); // }) // .join(''); // // Get compare-at price text // const compareAtText = compareAtEl.textContent.trim(); // // Extract numeric values for comparison // const mainPrice = parseFloat(mainPriceText.replace(/[^0-9.]/g, '')); // const compareAtPrice = parseFloat(compareAtText.replace(/[^0-9.]/g, '')); // // Hide compare-at price if they're the same or invalid // if (mainPrice === compareAtPrice || isNaN(mainPrice) || isNaN(compareAtPrice)) { // compareAtEl.style.display = 'none'; // } // }); // } // // Update Add-On lens option pricing to show ONLY the add-on price with compare-at price // document.addEventListener('LensAdvizor:component:DidMount', function(evt) { // if (evt.detail.eventType === "LensAdvizor:lensOptions:rendered") { // updateAddonLensPricing(); // } // }); // document.addEventListener('LensAdvizor:lensVariant:change', function() { // updateAddonLensPricing(); // }); // function updateAddonLensPricing() { // // Get all option price elements in the add-on flow // const optionPriceElements = document.querySelectorAll('.la-option-pricing'); // if (!optionPriceElements.length) return; // // Get the selected lens and its raw_options for add-on pricing // const selectedLens = LensAdvizor.response.lens; // if (!selectedLens || !selectedLens.raw_options) return; // optionPriceElements.forEach(function(priceEl) { // // Find the parent wrapper to get the radio input // const wrapper = priceEl.closest('.la-label-btn-wrapper'); // if (!wrapper) return; // const radioInput = wrapper.querySelector('input[type="radio"]'); // if (!radioInput) return; // const optionValue = radioInput.value; // const optionType = radioInput.getAttribute('data-option-type'); // const isSelected = radioInput.checked; // // Find the raw_option that matches this option type // const rawOption = selectedLens.raw_options.find(function(opt) { // return opt.id === selectedLens.options[optionType].id; // }); // if (!rawOption) return; // // Find the specific value in raw_options // const rawValue = rawOption.values.find(function(v) { // return v.name === optionValue; // }); // if (!rawValue) return; // // Get the add-on price from raw_options // const addonPrice = parseFloat(rawValue.price) || 0; // // Find matching variant to check for compare_at_price // const variant = selectedLens.variants.find(function(v) { // return v.name === optionValue || v.name.includes(optionValue); // }); // if (!variant) return; // // Get currency format // const currentCurrency = LensAdvizor.Currency.currentCurrency || 'USD'; // const moneyFormat = LensAdvizor.Currency.moneyFormats[currentCurrency].money_format; // // If this is a zero-price option (like "None") // if (addonPrice === 0) { // // If it's selected, show "Selected" // if (isSelected) { // priceEl.textContent = 'Selected'; // } else { // // Not selected - show negative price (savings from switching to None) // // Find which option IS selected // const selectedOption = wrapper.closest('.la-option-list').querySelector('input[type="radio"]:checked'); // if (selectedOption) { // const selectedOptionValue = selectedOption.value; // const selectedRawValue = rawOption.values.find(function(v) { // return v.name === selectedOptionValue; // }); // if (selectedRawValue && parseFloat(selectedRawValue.price) > 0) { // const selectedAddonPrice = parseFloat(selectedRawValue.price); // // Find the selected variant for discount calculation // const selectedVariant = selectedLens.variants.find(function(v) { // return v.name === selectedOptionValue || v.name.includes(selectedOptionValue); // }); // if (selectedVariant && selectedVariant.compare_at_price) { // const selectedCompareAt = parseFloat(selectedVariant.compare_at_price); // const selectedCurrent = parseFloat(selectedVariant.price); // const discountRatio = selectedCurrent / selectedCompareAt; // const discountedSelectedAddon = selectedAddonPrice * discountRatio; // // Show ONLY negative current price (no compare-at) // const formattedCurrentPrice = LensAdvizor.Currency.formatMoney( // Math.round(discountedSelectedAddon * 100), // moneyFormat // ); // priceEl.textContent = '-' + formattedCurrentPrice; // } else { // // No discount on selected, just show negative of addon price // const formattedPrice = LensAdvizor.Currency.formatMoney( // Math.round(selectedAddonPrice * 100), // moneyFormat // ); // priceEl.textContent = '-' + formattedPrice; // } // } else { // priceEl.textContent = ''; // } // } else { // priceEl.textContent = ''; // } // } // return; // } // // For non-zero price options (like "Polarization" or "Blue Light Coating") // if (isSelected) { // // If selected, show "Selected" // priceEl.textContent = 'Selected'; // } else { // // Not selected - show add-on price with compare-at // let discountedAddonPrice = addonPrice; // if (variant.compare_at_price && parseFloat(variant.compare_at_price) > parseFloat(variant.price)) { // // Calculate discount ratio from the total lens prices // const compareAtTotal = parseFloat(variant.compare_at_price); // const currentTotal = parseFloat(variant.price); // const discountRatio = currentTotal / compareAtTotal; // // Apply same discount ratio to add-on price // discountedAddonPrice = addonPrice * discountRatio; // } // // Format prices // const formattedComparePrice = LensAdvizor.Currency.formatMoney( // addonPrice * 100, // moneyFormat // ); // const formattedCurrentPrice = LensAdvizor.Currency.formatMoney( // Math.round(discountedAddonPrice * 100), // moneyFormat // ); // // Check if there's actually a discount // if (discountedAddonPrice < addonPrice) { // // Show current price on top (bold), compare-at price below (strikethrough) // priceEl.innerHTML = // '+' + formattedCurrentPrice + '' + // '+' + formattedComparePrice + ''; // } else { // // No discount, just show the add-on price // priceEl.textContent = '+' + formattedComparePrice; // } // } // }); // } // // Update Add-On lens option pricing to show ONLY the add-on price with compare-at price // document.addEventListener('LensAdvizor:component:DidMount', function(evt) { // if (evt.detail.eventType === "LensAdvizor:lensOptions:rendered") { // updateAddonLensPricing(); // } // }); // document.addEventListener('LensAdvizor:lensVariant:change', function() { // updateAddonLensPricing(); // }); // function updateAddonLensPricing() { // // Get all option price elements in the add-on flow // const optionPriceElements = document.querySelectorAll('.la-option-pricing'); // if (!optionPriceElements.length) return; // // Get the selected lens and its raw_options for add-on pricing // const selectedLens = LensAdvizor.response.lens; // if (!selectedLens || !selectedLens.raw_options) return; // optionPriceElements.forEach(function(priceEl) { // // Find the parent wrapper to get the radio input // const wrapper = priceEl.closest('.la-label-btn-wrapper'); // if (!wrapper) return; // const radioInput = wrapper.querySelector('input[type="radio"]'); // if (!radioInput) return; // const optionValue = radioInput.value; // const optionType = radioInput.getAttribute('data-option-type'); // const isSelected = radioInput.checked; // // Find the raw_option that matches this option type // const rawOption = selectedLens.raw_options.find(function(opt) { // return opt.id === selectedLens.options[optionType].id; // }); // if (!rawOption) return; // // Find the specific value in raw_options // const rawValue = rawOption.values.find(function(v) { // return v.name === optionValue; // }); // if (!rawValue) return; // // Get the add-on price from raw_options // const addonPrice = parseFloat(rawValue.price) || 0; // // Find matching variant to check for compare_at_price // // For sunglasses, variant names include multiple options (e.g., "Grey Solid / Polarization") // const variant = selectedLens.variants.find(function(v) { // return v.name === optionValue || v.name.includes(optionValue); // }); // if (!variant) return; // // Get currency format // const currentCurrency = LensAdvizor.Currency.currentCurrency || 'USD'; // const moneyFormat = LensAdvizor.Currency.moneyFormats[currentCurrency].money_format; // // If this is a zero-price option (like "None") // if (addonPrice === 0) { // // If it's selected, show "Selected" // if (isSelected) { // priceEl.textContent = 'Selected'; // } else { // // Not selected - show negative price (savings from switching to None) // // Find which option IS selected // const selectedOption = wrapper.closest('.la-option-list').querySelector('input[type="radio"]:checked'); // if (selectedOption) { // const selectedOptionValue = selectedOption.value; // const selectedRawValue = rawOption.values.find(function(v) { // return v.name === selectedOptionValue; // }); // if (selectedRawValue && parseFloat(selectedRawValue.price) > 0) { // const selectedAddonPrice = parseFloat(selectedRawValue.price); // // Find the selected variant for discount calculation // const selectedVariant = selectedLens.variants.find(function(v) { // return v.name === selectedOptionValue || v.name.includes(selectedOptionValue); // }); // if (selectedVariant && selectedVariant.compare_at_price) { // const selectedCompareAt = parseFloat(selectedVariant.compare_at_price); // const selectedCurrent = parseFloat(selectedVariant.price); // const discountRatio = selectedCurrent / selectedCompareAt; // const discountedSelectedAddon = selectedAddonPrice * discountRatio; // // Show ONLY negative current price (no compare-at) // const formattedCurrentPrice = LensAdvizor.Currency.formatMoney( // Math.round(discountedSelectedAddon * 100), // moneyFormat // ); // priceEl.textContent = '-' + formattedCurrentPrice; // } else { // // No discount on selected, just show negative of addon price // const formattedPrice = LensAdvizor.Currency.formatMoney( // Math.round(selectedAddonPrice * 100), // moneyFormat // ); // priceEl.textContent = '-' + formattedPrice; // } // } else { // priceEl.textContent = ''; // } // } else { // priceEl.textContent = ''; // } // } // return; // } // // For non-zero price options (like "Blue Light Coating" or "Polarization") // if (isSelected) { // // If selected, show "Selected" // priceEl.textContent = 'Selected'; // } else { // // Not selected - show add-on price with compare-at // let discountedAddonPrice = addonPrice; // if (variant.compare_at_price && parseFloat(variant.compare_at_price) > parseFloat(variant.price)) { // // Calculate discount ratio from the total lens prices // const compareAtTotal = parseFloat(variant.compare_at_price); // const currentTotal = parseFloat(variant.price); // const discountRatio = currentTotal / compareAtTotal; // // Apply same discount ratio to add-on price // discountedAddonPrice = addonPrice * discountRatio; // } // // Format prices // const formattedComparePrice = LensAdvizor.Currency.formatMoney( // addonPrice * 100, // moneyFormat // ); // const formattedCurrentPrice = LensAdvizor.Currency.formatMoney( // Math.round(discountedAddonPrice * 100), // moneyFormat // ); // // Check if there's actually a discount // if (discountedAddonPrice < addonPrice) { // // Show current price on top (bold), compare-at price below (strikethrough) // priceEl.innerHTML = // '+' + formattedCurrentPrice + '' + // '+' + formattedComparePrice + ''; // } else { // // No discount, just show the add-on price // priceEl.textContent = '+' + formattedComparePrice; // } // } // }); // } // // Hide compare-at prices on lens selection when there's no actual discount // document.addEventListener('LensAdvizor:component:DidMount', function(evt) { // if (evt.detail.eventType === "LensAdvizor:lens:rendered") { // hideIdenticalCompareAtPrices(); // } // }); // function hideIdenticalCompareAtPrices() { // // Find all lens price containers // const lensPriceContainers = document.querySelectorAll('.la-label-price'); // lensPriceContainers.forEach(function(priceContainer) { // // Get the compare-at price element within this container // const compareAtEl = priceContainer.querySelector('.la-compare-at-price'); // if (!compareAtEl) return; // // Get the main price text (excluding the compare-at price) // const mainPriceText = Array.from(priceContainer.childNodes) // .filter(function(node) { // return node.nodeType === Node.TEXT_NODE; // }) // .map(function(node) { // return node.textContent.trim(); // }) // .join(''); // // Get compare-at price text // const compareAtText = compareAtEl.textContent.trim(); // // Extract numeric values for comparison // const mainPrice = parseFloat(mainPriceText.replace(/[^0-9.]/g, '')); // const compareAtPrice = parseFloat(compareAtText.replace(/[^0-9.]/g, '')); // // Hide compare-at price if they're the same or invalid // if (mainPrice === compareAtPrice || isNaN(mainPrice) || isNaN(compareAtPrice)) { // compareAtEl.style.display = 'none'; // } // }); // } // Update Add-On lens option pricing to show ONLY the add-on price with compare-at price document.addEventListener('LensAdvizor:component:DidMount', function(evt) { if (evt.detail.eventType === "LensAdvizor:lensOptions:rendered") { updateAddonLensPricing(); } }); document.addEventListener('LensAdvizor:lensVariant:change', function() { updateAddonLensPricing(); }); function updateAddonLensPricing() { // Get all option price elements in the add-on flow const optionPriceElements = document.querySelectorAll('.la-option-pricing'); if (!optionPriceElements.length) return; // Get the selected lens and its raw_options for add-on pricing const selectedLens = LensAdvizor.response.lens; if (!selectedLens || !selectedLens.raw_options) return; optionPriceElements.forEach(function(priceEl) { // Find the parent wrapper to get the radio input const wrapper = priceEl.closest('.la-label-btn-wrapper'); if (!wrapper) return; const radioInput = wrapper.querySelector('input[type="radio"]'); if (!radioInput) return; const optionValue = radioInput.value; const optionType = radioInput.getAttribute('data-option-type'); const isSelected = radioInput.checked; // Find the raw_option that matches this option type const rawOption = selectedLens.raw_options.find(function(opt) { return opt.id === selectedLens.options[optionType].id; }); if (!rawOption) return; // Find the specific value in raw_options const rawValue = rawOption.values.find(function(v) { return v.name === optionValue; }); if (!rawValue) return; // Get the add-on price from raw_options const addonPrice = parseFloat(rawValue.price) || 0; // Find matching variant to check for compare_at_price // For sunglasses, variant names include multiple options (e.g., "Grey Solid / Polarization") const variant = selectedLens.variants.find(function(v) { return v.name === optionValue || v.name.includes(optionValue); }); if (!variant) return; // Get currency format const currentCurrency = LensAdvizor.Currency.currentCurrency || 'USD'; const moneyFormat = LensAdvizor.Currency.moneyFormats[currentCurrency].money_format; // If this is a zero-price option (like "None") if (addonPrice === 0) { // If it's selected, show "Selected" if (isSelected) { priceEl.textContent = 'Selected'; } else { // Not selected - show negative price (savings from switching to None) // Find which option IS selected const selectedOption = wrapper.closest('.la-option-list').querySelector('input[type="radio"]:checked'); if (selectedOption) { const selectedOptionValue = selectedOption.value; const selectedRawValue = rawOption.values.find(function(v) { return v.name === selectedOptionValue; }); if (selectedRawValue && parseFloat(selectedRawValue.price) > 0) { const selectedAddonPrice = parseFloat(selectedRawValue.price); // Find the selected variant for discount calculation const selectedVariant = selectedLens.variants.find(function(v) { return v.name === selectedOptionValue || v.name.includes(selectedOptionValue); }); if (selectedVariant && selectedVariant.compare_at_price) { const selectedCompareAt = parseFloat(selectedVariant.compare_at_price); const selectedCurrent = parseFloat(selectedVariant.price); const discountRatio = selectedCurrent / selectedCompareAt; const discountedSelectedAddon = selectedAddonPrice * discountRatio; // Show ONLY negative current price (no compare-at) const formattedCurrentPrice = LensAdvizor.Currency.formatMoney( Math.round(discountedSelectedAddon * 100), moneyFormat ); priceEl.textContent = '-' + formattedCurrentPrice; } else { // No discount on selected, just show negative of addon price const formattedPrice = LensAdvizor.Currency.formatMoney( Math.round(selectedAddonPrice * 100), moneyFormat ); priceEl.textContent = '-' + formattedPrice; } } else { priceEl.textContent = ''; } } else { priceEl.textContent = ''; } } return; } // For non-zero price options (like "Blue Light Coating" or "Polarization") if (isSelected) { // If selected, show "Selected" priceEl.textContent = 'Selected'; } else { // Not selected - show add-on price with compare-at let discountedAddonPrice = addonPrice; if (variant.compare_at_price && parseFloat(variant.compare_at_price) > parseFloat(variant.price)) { // Calculate discount ratio from the total lens prices const compareAtTotal = parseFloat(variant.compare_at_price); const currentTotal = parseFloat(variant.price); const discountRatio = currentTotal / compareAtTotal; // Apply same discount ratio to add-on price discountedAddonPrice = addonPrice * discountRatio; } // Format prices const formattedComparePrice = LensAdvizor.Currency.formatMoney( addonPrice * 100, moneyFormat ); const formattedCurrentPrice = LensAdvizor.Currency.formatMoney( Math.round(discountedAddonPrice * 100), moneyFormat ); // Check if there's actually a discount if (discountedAddonPrice < addonPrice) { // Show current price on top (bold), compare-at price below (strikethrough) priceEl.innerHTML = '+' + formattedCurrentPrice + '' + '+' + formattedComparePrice + ''; } else { // No discount, just show the add-on price priceEl.textContent = '+' + formattedComparePrice; } } }); } // Hide compare-at prices on lens selection when there's no actual discount document.addEventListener('LensAdvizor:component:DidMount', function(evt) { if (evt.detail.eventType === "LensAdvizor:lens:rendered") { hideIdenticalCompareAtPrices(); } }); function hideIdenticalCompareAtPrices() { // Find all lens price containers const lensPriceContainers = document.querySelectorAll('.la-label-price'); lensPriceContainers.forEach(function(priceContainer) { // Get the compare-at price element within this container const compareAtEl = priceContainer.querySelector('.la-compare-at-price'); if (!compareAtEl) return; // Get the main price text (excluding the compare-at price) const mainPriceText = Array.from(priceContainer.childNodes) .filter(function(node) { return node.nodeType === Node.TEXT_NODE; }) .map(function(node) { return node.textContent.trim(); }) .join(''); // Get compare-at price text const compareAtText = compareAtEl.textContent.trim(); // Extract numeric values for comparison const mainPrice = parseFloat(mainPriceText.replace(/[^0-9.]/g, '')); const compareAtPrice = parseFloat(compareAtText.replace(/[^0-9.]/g, '')); // Hide compare-at price if they're the same or invalid if (mainPrice === compareAtPrice || isNaN(mainPrice) || isNaN(compareAtPrice)) { compareAtEl.style.display = 'none'; } }); } // ============================================================ // LENS GUIDE FLOATING CARD // Flow IDs: 9202, 9203 // ============================================================ (function () { var LINK_HTML = '

' + '' + 'Click Here to View Our Lens Guide

'; var panelCreated = false; function createLensGuidePanel() { if (panelCreated) return; panelCreated = true; var drawerContent = document.querySelector('#lens-guide-drawer .drawer__content'); var guideHTML = drawerContent ? drawerContent.innerHTML : '

Lens guide not available.

'; var panel = document.createElement('div'); panel.id = 'la-lens-guide-panel'; panel.innerHTML = '

' + '

' + 'Our Lens Guide' + '' + '

' + '

' + guideHTML + '

' + '

'; document.body.appendChild(panel); } function openPanel(e) { e.preventDefault(); createLensGuidePanel(); var panel = document.getElementById('la-lens-guide-panel'); if (panel) panel.classList.add('la-lg-panel-open'); } function closePanel() { var panel = document.getElementById('la-lens-guide-panel'); if (panel) panel.classList.remove('la-lg-panel-open'); } function injectLensGuideLink(containerSelector, position) { var container = document.querySelector(containerSelector); if (!container || container.querySelector('.la-lens-guide-link-wrapper')) return; container.insertAdjacentHTML(position || 'beforeend', LINK_HTML); } document.addEventListener('LensAdvizor:prescriptionTypes:rendered', function () { injectLensGuideLink('.la-choose-prescription-wrapper', 'beforeend'); }); document.addEventListener('LensAdvizor:component:DidMount', function (evt) { var et = evt.detail.eventType; if (et === 'LensAdvizor:render:lensGroup' || et === 'LensAdvizor:render:lenses' || et === 'LensAdvizor:render:lensOptions') { injectLensGuideLink('.la-prescription-modal-content-body', 'beforeend'); } }); document.addEventListener('LensAdvizor:selectLensModal:close', closePanel); document.addEventListener('click', function (e) { if (e.target.closest('.la-lens-guide-link')) { openPanel(e); } if (e.target.closest('.la-lg-panel-close')) { closePanel(); } }); })(); //# sourceURL=la_extrastuff.js

All Essentials

#aperçuessentials