' + deliveryTimeMetafield.value + '

'); } } } } } } }); // Add hidden input when modal opens document.addEventListener('LensAdvizor:selectLensModal:open', function(){ var wrapper = document.querySelector('.la-prescription-modal-wrapper'); if (wrapper && !document.querySelector('#hiddenDeliveryTimeProperty')) { wrapper.insertAdjacentHTML('beforeend', ''); } }); // Update delivery time value function updateDeliveryTime() { var hiddenInput = document.querySelector('#hiddenDeliveryTimeProperty'); if (!hiddenInput) return; if (LensAdvizor.response && LensAdvizor.response.selectedPrescriptionType && LensAdvizor.response.selectedPrescriptionType.metafields) { var metafields = LensAdvizor.response.selectedPrescriptionType.metafields; for (var i = 0; i < metafields.length; i++) { if (metafields[i].key === '_delivery_time') { hiddenInput.value = metafields[i].value; break; } } } } // Update on prescription type selection document.addEventListener('LensAdvizor:render:submissionMethods', updateDeliveryTime); document.addEventListener('LensAdvizor:lensOptions:rendered', updateDeliveryTime); // Display in review and hide from lens description document.addEventListener('LensAdvizor:review:rendered', function(){ // Remove delivery time from lens description var lensDescriptions = document.querySelectorAll('.la-review-details-wrapper .la-label-description'); for (var i = 0; i < lensDescriptions.length; i++) { var html = lensDescriptions[i].innerHTML; if (html.indexOf('Estimated Delivery:') > -1) { // Remove the "Estimated Delivery: NonPres_Time" text and the
before it lensDescriptions[i].innerHTML = html.replace(/
\s*Estimated Delivery:[^<]*/, ''); } } // Add our custom delivery time section if not already added if (document.querySelector('.la-review-delivery-time')) return; if (LensAdvizor.response && LensAdvizor.response.selectedPrescriptionType && LensAdvizor.response.selectedPrescriptionType.metafields) { var metafields = LensAdvizor.response.selectedPrescriptionType.metafields; var deliveryTime = null; for (var i = 0; i < metafields.length; i++) { if (metafields[i].key === '_delivery_time') { deliveryTime = metafields[i].value; break; } } if (deliveryTime) { var orderNotesWrapper = document.querySelector('.la-order-notes-wrapper'); if (orderNotesWrapper) { orderNotesWrapper.insertAdjacentHTML('beforebegin', '

' + '

Estimated Delivery Time

' + '

' + deliveryTime + '

' + '

' ); } } } }); }); // -----------------------------------------------------------Prescription type Delivery Time Display in Menu, Review and in Shopify Checkout Stop------------------------------------------ //-----------------------------------------------------------Lens card issue fix Start------------------------------------------ // Apply custom CSS only for flow ID 9301 document.addEventListener('LensAdvizor:lensOptions:rendered', function() { if (LensAdvizor.collectionId == 9301) { // Check if styles already injected if (!document.querySelector('#la-flow-9301-styles')) { const styleTag = document.createElement('style'); styleTag.id = 'la-flow-9301-styles'; styleTag.textContent = ` /* Desktop styles - Set exact card dimensions to match reference */ @media screen and (min-width: 769px) { .la-horizontal-boxy-layout-wrapper .la-label-btn-wrapper { display: flex; flex: 0 0 229px; max-width: 229px; } .la-horizontal-boxy-layout-wrapper .la-label-btn { flex-direction: column; align-items: center; justify-content: flex-start; text-align: center; padding: 20px 25px; display: flex; width: 100%; height: 100%; min-height: 428px; } .la-horizontal-boxy-layout-wrapper { display: flex; align-items: stretch; gap: 15px; } .la-horizontal-boxy-layout-wrapper .la-label-image { width: 100%; display: flex; justify-content: center; margin-bottom: 15px; flex-shrink: 0; } .la-horizontal-boxy-layout-wrapper .la-label-image img { max-width: 100px; height: auto; } .la-horizontal-boxy-layout-wrapper .la-label-content-box { width: 100%; max-width: 100%; text-align: center; flex-grow: 1; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; } .la-horizontal-boxy-layout-wrapper .la-label-title { font-weight: bold; font-size: 0.95rem; margin-bottom: 12px; text-align: center; width: 100%; flex-shrink: 0; } .la-horizontal-boxy-layout-wrapper .la-label-description { text-align: center; width: 100%; line-height: 1.5; font-size: 0.8rem; flex-grow: 1; } .la-horizontal-boxy-layout-wrapper .la-label-price { width: 100%; text-align: center; font-weight: bold; font-size: 1rem; margin-top: 15px; padding-top: 10px; flex-shrink: 0; } } /* Mobile styles - Fix price display and reduce spacing */ @media screen and (max-width: 768px) { /* Reduce gap between cards */ .la-render-lenses .la-horizontal-boxy-layout-wrapper .la-label-btn { margin-top: 5px; margin-bottom: 5px; } /* Fix price wrapping issue - ensure it has enough width */ .la-horizontal-boxy-layout-wrapper .la-label-price { min-width: 80px; white-space: nowrap; } } /* Override inline styles for all sizes */ .la-horizontal-boxy-layout-wrapper .la-label-content-box[style] { max-width: 100%; } `; document.head.appendChild(styleTag); } } }); //-----------------------------------------------------------Lens card issue fix end------------------------------------------ //-----------------------------------------------------------Confirmation distance fix Start------------------------------------------ document.addEventListener('LensAdvizor:render:manualEntryForm', function() { // Target the confirmation checkbox wrapper by finding the element with the checkbox const confirmationWrapper = document.querySelector('#la-upload-confirmation')?.closest('.la-fields-wrapper'); if (confirmationWrapper) { // Override the inline styles with the correct positioning confirmationWrapper.style.cssText = 'border: none; margin: -87px auto 1rem;'; } }); //-----------------------------------------------------------Confirmation distance fix end------------------------------------------ //-----------------------------------------------------------Compare-at price discount badge start ------------------------------------------ // // console.log(' Compare-at price discount badge script loaded'); // // Function to add discount badges and style prices // function addDiscountBadges() { // // console.log(' Adding discount badges...'); // // console.log('LensAdvizor.lenses:', LensAdvizor.lenses); // // Triple requestAnimationFrame to ensure DOM is fully rendered // requestAnimationFrame(() => { // requestAnimationFrame(() => { // requestAnimationFrame(() => { // // Find all label buttons // const labelButtons = document.querySelectorAll('.la-label-btn'); // // console.log(' Found label buttons:', labelButtons.length); // if (labelButtons.length === 0) { // // console.log(' No label buttons found yet'); // return; // } // labelButtons.forEach((labelBtn, index) => { // // Check if already processed // if (labelBtn.dataset.badgeProcessed) { // // console.log(` Label ${index + 1} already has badge`); // return; // } // // console.log(`\n🔎 Processing Label ${index + 1}`); // // Get lens ID from the 'for' attribute (e.g., "popular-99868") // const forAttr = labelBtn.getAttribute('for'); // if (!forAttr) { // // console.log(' No "for" attribute found'); // return; // } // // Extract lens ID from "popular-99868" format // const lensIdMatch = forAttr.match(/-(\d+)$/); // if (!lensIdMatch) { // // console.log(' Could not extract lens ID from:', forAttr); // return; // } // const lensId = parseInt(lensIdMatch[1]); // // console.log('Lens ID:', lensId); // // Find lens data by ID // const lensData = LensAdvizor.lenses.find(l => l.id === lensId); // if (!lensData) { // // console.log('No lens data found for ID:', lensId); // return; // } // console.log('Lens:', lensData.name); // // Check for variants // if (!lensData.variants || lensData.variants.length === 0) { // // console.log(' No variants found'); // return; // } // const variant = lensData.variants[0]; // // Check for compare_at_price // if (!variant.compare_at_price) { // // console.log(' No compare_at_price set'); // return; // } // const compareAtPrice = parseFloat(variant.compare_at_price); // const salePrice = parseFloat(variant.price); // // console.log('Compare-at:', compareAtPrice, 'Sale:', salePrice); // // Only show badge if compare-at price is higher // if (compareAtPrice <= salePrice) { // // console.log('Compare price not higher than sale price'); // return; // } // // Calculate discount percentage // const discountPercent = Math.round(((compareAtPrice - salePrice) / compareAtPrice) * 100); // // Wrap the sale price text in a span to style it red // const priceElement = labelBtn.querySelector('.la-label-price'); // if (priceElement) { // // Get all child nodes // const childNodes = Array.from(priceElement.childNodes); // // Find the text node (the sale price) // childNodes.forEach(node => { // if (node.nodeType === Node.TEXT_NODE && node.textContent.trim()) { // // Wrap the text node in a span // const span = document.createElement('span'); // span.className = 'la-sale-price-text'; // span.textContent = node.textContent; // node.replaceWith(span); // } // }); // // Apply inline styles to compare-at price as fallback // const compareAtPriceElement = priceElement.querySelector('.la-compare-at-price'); // if (compareAtPriceElement) { // compareAtPriceElement.style.color = '#999'; // const delElement = compareAtPriceElement.querySelector('del'); // if (delElement) { // delElement.style.color = '#999'; // delElement.style.textDecoration = 'line-through'; // } // } // // console.log(' Wrapped sale price in span and applied styles'); // } // // Add discount badge to the label button // const badgeElement = document.createElement('div'); // badgeElement.className = 'la-discount-badge'; // badgeElement.textContent = discountPercent + '% off'; // labelBtn.appendChild(badgeElement); // // Mark as processed // labelBtn.dataset.badgeProcessed = 'true'; // // console.log(' Badge added! Discount:', discountPercent + '%'); // }); // // console.log('Finished processing all label buttons\n'); // }); // }); // }); // } // // Listen for lens rendering // document.addEventListener('LensAdvizor:component:DidMount', function(evt) { // if (evt.detail.eventType == "LensAdvizor:lens:rendered") { // // console.log(' LensAdvizor lens:rendered event fired (DidMount)!'); // addDiscountBadges(); // } // }); // Compare-at price discount badge script with fix for false compare prices document.addEventListener('LensAdvizor:component:DidMount', function(evt) { if (evt.detail.eventType == "LensAdvizor:lens:rendered") { processDiscountBadges(); } }); function processDiscountBadges() { requestAnimationFrame(() => { requestAnimationFrame(() => { requestAnimationFrame(() => { const labelButtons = document.querySelectorAll('.la-label-btn'); if (labelButtons.length === 0) return; labelButtons.forEach((labelBtn) => { // Skip if already processed if (labelBtn. dataset.badgeProcessed) return; const priceElement = labelBtn.querySelector('.la-label-price'); const compareAtPriceElement = priceElement ? priceElement.querySelector('.la-compare-at-price') : null; // Get lens ID from the 'for' attribute const forAttr = labelBtn. getAttribute('for'); if (!forAttr) return; const lensIdMatch = forAttr.match(/-(\d+)$/); if (!lensIdMatch) return; const lensId = parseInt(lensIdMatch[1]); const lensData = LensAdvizor.lenses.find(l => l.id === lensId); if (!lensData || !lensData.variants || lensData. variants.length === 0) return; const variant = lensData.variants[0]; const compareAtPrice = parseFloat(variant.compare_at_price) || 0; const salePrice = parseFloat(variant.price) || 0; // Check if there's a valid discount const hasValidDiscount = variant.compare_at_price && compareAtPrice > 0 && compareAtPrice > salePrice; if (hasValidDiscount) { // Calculate and add discount badge const discountPercent = Math.round(((compareAtPrice - salePrice) / compareAtPrice) * 100); // Style the sale price in red if (priceElement) { const childNodes = Array.from(priceElement.childNodes); childNodes. forEach(node => { if (node.nodeType === Node.TEXT_NODE && node.textContent.trim()) { const span = document.createElement('span'); span.className = 'la-sale-price-text'; span. textContent = node.textContent; node.replaceWith(span); } }); // Style compare-at price if (compareAtPriceElement) { compareAtPriceElement.style. color = '#999'; const delElement = compareAtPriceElement. querySelector('del'); if (delElement) { delElement.style.color = '#999'; delElement.style.textDecoration = 'line-through'; } } } // Add discount badge const badgeElement = document.createElement('div'); badgeElement. className = 'la-discount-badge'; badgeElement.textContent = discountPercent + '% off'; labelBtn.appendChild(badgeElement); } else { // No valid discount - hide the compare-at price element if (compareAtPriceElement) { compareAtPriceElement.style.display = 'none'; } } // Mark as processed labelBtn.dataset.badgeProcessed = 'true'; }); }); }); }); } //-----------------------------------------------------------Compare-at price discount badge Stop ------------------------------------------ //-----------------------------------------------------------Adding PD Measurement Reference link in manual start------------------------------------------ // For Manual Entry Form document.addEventListener('LensAdvizor:render:manualEntryForm', function() { const container = document.querySelector("#la-pd-fields-container"); if (!container) return; // Exit if element not found // This check is necessary to prevent duplicate text if (container.parentElement.querySelector('.la-pd-info-text')) { return; } const pdInfoHTML = `

Not sure what your PD is? Check Here

`; container.insertAdjacentHTML("afterend", pdInfoHTML); }); // For Reading Form document.addEventListener('LensAdvizor:render:readingForm', function() { const pdForm = document.querySelector(".la-reading-form .la-prescription-fields-wrapper:last-child .la-form-flex"); if (!pdForm) return; // Exit if element not found // This check is necessary to prevent duplicate text if (pdForm.parentElement.querySelector('.la-pd-info-text')) { return; } const pdInfoHTML = `

Not sure what your PD is? Check Here

`; if (pdForm) { pdForm.insertAdjacentHTML("beforebegin", pdInfoHTML); } }); //-----------------------------------------------------------Adding PD Measurement Reference link in manual End------------------------------------------ //-----------------------------------------------------------Hiding Lens brand name title Start------------------------------------------ (function () { // Listen for lens rendering events document.addEventListener('LensAdvizor:component:DidMount', function(evt) { if (evt.detail && evt.detail.eventType === 'LensAdvizor: lens:rendered') { hideTitlesBasedOnMetafields(); } }); // Also listen to the legacy event as backup document.addEventListener('LensAdvizor:lens:rendered', hideTitlesBasedOnMetafields); function shouldHideTitle(metafields) { if (!metafields || !Array.isArray(metafields)) return false; return metafields.some(function(m) { return m && m.key === '_hide_title' && String(m.value).toLowerCase() === 'true'; }); } function hideTitlesBasedOnMetafields() { var lensGroups = LensAdvizor. lensGroups || []; var lenses = LensAdvizor.lenses || []; // Build a map of group_type -> shouldHide from lensGroups var groupHideMap = {}; lensGroups.forEach(function(group) { if (group && group.group_type && shouldHideTitle(group. metafields)) { groupHideMap[group.group_type] = true; } }); console.debug('[LensAdvizor] Groups with _hide_title:', Object. keys(groupHideMap)); // If no groups need hiding, check individual lens metafields if (Object.keys(groupHideMap).length === 0) { // Check individual lenses for _hide_title metafield lenses. forEach(function(lens) { if (shouldHideTitle(lens.metafields)) { hideLensTitleById(lens.id || lens.variantId, lens.name); } }); return; } // Hide titles for lenses in groups that have _hide_title lenses.forEach(function(lens) { var lensGroupType = lens.group_type || lens.lensGroup; if (groupHideMap[lensGroupType]) { hideLensTitleById(lens.id || lens.variantId, lens.name); } }); } function hideLensTitleById(lensId, lensName) { if (!lensId) return; // Try multiple selectors to find the lens element var selectors = [ '.la-render-lenses input[value="' + lensId + '"]', '.la-render-lenses [data-lens-id="' + lensId + '"]', '.la-label-btn-wrapper input[value="' + lensId + '"]' ]; var input = null; for (var i = 0; i < selectors.length; i++) { input = document.querySelector(selectors[i]); if (input) break; } if (input) { var wrapper = input.closest('.la-label-btn-wrapper'); if (wrapper) { var titleEl = wrapper.querySelector('.la-label-title'); if (titleEl && titleEl.style.display !== 'none') { titleEl.style.display = 'none'; console. debug('[LensAdvizor] Hid title for lens:', lensName, '(ID:', lensId, ')'); } } } else { console.debug('[LensAdvizor] Could not find element for lens:', lensName, '(ID:', lensId, ')'); } } })(); //-----------------------------------------------------------Hiding Lens brand name title End------------------------------------------ //-----------------------------------------------------------Hide "Prescription on File" for non-logged-in customers Start------------------------------------------ // Hide "Use my prescription on file" for customers who are not logged in document.addEventListener('LensAdvizor:render:submissionMethods', function() { // Check if customer is logged in using Shopify's meta object // window.__st.cid contains the customer ID if logged in var customerId = null; // Try multiple methods to detect customer login if (window.__st && window.__st.cid) { customerId = window.__st.cid; } else if (window.meta && window.meta.page && window.meta.page.customerId) { customerId = window.meta.page.customerId; } else if (window.ShopifyAnalytics && window.ShopifyAnalytics.meta && window.ShopifyAnalytics.meta.page && window.ShopifyAnalytics.meta.page.customerId) { customerId = window.ShopifyAnalytics.meta.page.customerId; } // If no customer ID found, hide the "prescription on file" option if (!customerId) { // Find and hide the prescription on file button // The element has name="canUsePrescriptionOnFile" or value="prescription_on_file" var onFileInput = document.querySelector('input[name="canUsePrescriptionOnFile"], input[value="prescription_on_file"]'); if (onFileInput) { // Hide the entire button wrapper (parent element) var wrapper = onFileInput.closest('.la-label-btn-wrapper'); if (wrapper) { wrapper.style.display = 'none'; } } } }); //-----------------------------------------------------------Hide "Prescription on File" for non-logged-in customers End------------------------------------------ //-----------------------------------------------------------Upload prescription text edit start------------------------------------------ document.addEventListener('LensAdvizor:component:DidMount', function(evt) { if (evt.detail.eventType == "LensAdvizor:render:uploadForm") { if ([8251, 9301].includes(LensAdvizor.collectionId)) { var fileHelp = document.querySelector('#file-help'); if (fileHelp) { fileHelp.textContent = 'Please upload your prescription and the photo of your frame together as a PNG, JPG or PDF file.'; fileHelp.setAttribute('aria-label', 'Please upload your prescription and the photo of your frame together as a PNG, JPG or PDF file.'); } } } }); //-----------------------------------------------------------Upload prescription text edit END------------------------------------------ //# sourceURL=la_extrastuff.js

Replacement Lenses

Replacement Lenses

Replacement Lenses

CARIN EYEGLASSES