/* ============================================================================ WEISS OPTIX - LensAdvisor Custom JS Chris's rebuild (2026-07-06) + Gaveen's amendments (2026-07-07): - re-added component:DidMount listener for the colour price toggle - laWoGroupPrice uses the verified Number(l.price) form Deploy together with the cleaned custom CSS (same session). ============================================================================ */ /* Self-contained CSS for the nesting feature */ if (!document.getElementById('la-wo-style')) { var laWoStyle = document.createElement('style'); laWoStyle.id = 'la-wo-style'; laWoStyle.textContent = [ '.la-render-lenses .la-wo-lr-real{display:none}', '.la-render-lenses .la-wo-lr-back{display:none;margin:0 0 16px 0}', '.la-render-lenses .la-wo-lr-collapsed{cursor:pointer}', '.la-render-lenses.la-wo-lr-expanded .la-label-btn-wrapper{display:none}', '.la-render-lenses.la-wo-lr-expanded .la-wo-lr-real{display:block}', '.la-render-lenses.la-wo-lr-expanded .la-wo-lr-back{display:block}', '.la-render-lenses.la-wo-lr-expanded .la-lensgroup-header{display:none}', '.la-render-lenses.la-wo-lr-expanded .la-divider{display:none!important}', '.la-render-lenses .la-wo-lr-back-btn{background:none;border:none;cursor:pointer;font:inherit;padding:6px 10px;opacity:.8}', '.la-render-lenses .la-wo-lr-back-btn::before{content:"< "}' ].join(''); document.head.appendChild(laWoStyle); } /* ---- 1) Light-responsive lens nesting ---- */ function laWoNorm(name) { return (name || '').toLowerCase().replace(/-/g, ' '); } function laWoCardFor(scope, lensId) { var radio = scope.querySelector('.la-tap-select[value="' + lensId + '"]'); return radio ? radio.closest('.la-label-btn-wrapper') : null; } function laWoSetTitle(card, text) { var t = card.querySelector('.la-label-title'); if (t) { t.innerHTML = '' + text + ''; } } var LA_WO_SUBTYPES = [ { key: 'signature', label: 'Signature', test: function (n) { return n.indexOf('signature') !== -1; } }, { key: 'transitions', label: 'Transitions GEN S', test: function (n) { return n.indexOf('transition') !== -1; } } ]; function laWoBuildCollapsed(container, wrapper, sig, tra) { var collapsed = sig.card.cloneNode(true); // clone the Signature card (correct image/price) collapsed.className = 'la-label-btn-wrapper la-wo-lr-collapsed'; var cloneRadio = collapsed.querySelector('.la-tap-select'); // keep the radio, but INERT (even spacing) if (cloneRadio) { cloneRadio.removeAttribute('id'); cloneRadio.removeAttribute('name'); cloneRadio.removeAttribute('value'); cloneRadio.checked = false; cloneRadio.disabled = true; cloneRadio.setAttribute('aria-hidden', 'true'); cloneRadio.tabIndex = -1; } var cloneLabel = collapsed.querySelector('.la-label-btn'); if (cloneLabel) { cloneLabel.removeAttribute('for'); cloneLabel.className = 'la-label-btn'; } laWoSetTitle(collapsed, 'Light-responsive'); var cloneDesc = collapsed.querySelector('.la-label-description'); if (cloneDesc) { cloneDesc.innerHTML = 'UV-blocking lenses with scratch-resistant, anti-reflective coatings - ' + 'these also transition from clear to a darker tint outdoors, plus filter more blue light ' + 'than our classic lenses. (Choose between Grey / Amber / Sapphire / Green)'; } [].slice.call(collapsed.querySelectorAll('.la-tooltip-wrapper, .tooltip-span, .tooltip-img, [data-la-tooltip]')) .forEach(function (el) { el.parentNode.removeChild(el); }); var cloneBadge = collapsed.querySelector('.lens-recommendation-badge-wrapper'); if (cloneBadge) { cloneBadge.parentNode.removeChild(cloneBadge); } collapsed.addEventListener('click', function (ev) { ev.preventDefault(); container.classList.add('la-wo-lr-expanded'); }); [sig, tra].forEach(function (f) { f.card.classList.add('la-wo-lr-real'); laWoSetTitle(f.card, f.sub.label); }); var backRow = document.createElement('div'); backRow.className = 'la-wo-lr-back'; backRow.innerHTML = ''; backRow.querySelector('.la-wo-lr-back-btn').addEventListener('click', function () { container.classList.remove('la-wo-lr-expanded'); }); var earlier = (sig.card.compareDocumentPosition(tra.card) & Node.DOCUMENT_POSITION_FOLLOWING) ? sig.card : tra.card; var parent = earlier.parentNode; parent.insertBefore(collapsed, earlier); parent.insertBefore(backRow, earlier); parent.insertBefore(sig.card, backRow.nextSibling); parent.insertBefore(tra.card, sig.card.nextSibling); container.classList.remove('la-wo-lr-expanded'); } function laWoFindAndNest(container, useGroupTitle) { var lenses = (typeof LensAdvizor !== 'undefined' && Array.isArray(LensAdvizor.lenses)) ? LensAdvizor.lenses : []; var found = {}; lenses.forEach(function (lens) { var nName = laWoNorm(lens && lens.name), nGroup = laWoNorm(lens && lens.group_title); var isLR = nName.indexOf('light responsive') !== -1 || (useGroupTitle && nGroup.indexOf('light responsive') !== -1); if (!isLR) { return; } var card = laWoCardFor(container, lens.id); if (!card) { return; } LA_WO_SUBTYPES.forEach(function (sub) { if (sub.test(nName) && !found[sub.key]) { found[sub.key] = { sub: sub, card: card }; } }); }); if (!found.signature || !found.transitions) { return; } if (found.signature.card.parentNode !== found.transitions.card.parentNode) { return; } laWoBuildCollapsed(container, found.signature.card.parentNode, found.signature, found.transitions); } function laWoNestLR(e) { var d = e && e.detail; if (!d || (d.method !== 'renderLenses' && d.method !== 'renderHeaderLenses')) { return; } var container = document.querySelector('.la-render-lenses'); if (!container) { return; } if (container.querySelector('.la-wo-lr-collapsed')) { return; } // idempotency by DOM state (no duplicate stacking) laWoFindAndNest(container, d.method === 'renderHeaderLenses'); } document.addEventListener('LensAdvizor:lens:rendered', laWoNestLR); /* ---- 2) Starting price on lens-group cards ---- Uses Number(l.price) - verified live. Note l.price is the platform's cached lens-level price; it lags Shopify reprices by ~20-30 min by design. */ function laWoGroupPrice(e) { var d = e && e.detail; if (!d || d.method !== 'renderLensGroup') { return; } if (typeof LensAdvizor === 'undefined' || !Array.isArray(LensAdvizor.lenses)) { return; } var container = document.querySelector('.la-render-lenses'); if (!container) { return; } [].slice.call(container.querySelectorAll('.la-tap-select')).forEach(function (radio) { var wrapper = radio.closest('.la-label-btn-wrapper'); var label = wrapper && wrapper.querySelector('.la-label-btn'); if (!label || label.querySelector('.la-label-price')) { return; } var prices = LensAdvizor.lenses.filter(function (l) { return l.group_type === radio.value; }) .map(function (l) { return Number(l.price); }) .filter(function (n) { return !isNaN(n); }); if (!prices.length) { return; } var min = Math.min.apply(null, prices); var priceEl = document.createElement('div'); priceEl.className = 'la-label-price la-wo-group-price'; priceEl.innerHTML = min > 0 ? LensAdvizor.formatCurrency(min) : LensAdvizor.Translation.getTranslatedText('FREE'); label.appendChild(priceEl); }); } document.addEventListener('LensAdvizor:lens:rendered', laWoGroupPrice); /* ---- 3) Hide price/"FREE" on the Colour add-on step only ---- BOTH listeners required: addOns:rendered applies the hide on the Colour step, component:DidMount removes it again on every other step (without it the class sticks and the lens step shows no prices when the customer goes Back). */ if (!document.getElementById('la-weiss-style')) { var laWeissStyle = document.createElement('style'); laWeissStyle.id = 'la-weiss-style'; laWeissStyle.textContent = '.la-weiss-hide-price .la-label-price{display:none}'; document.head.appendChild(laWeissStyle); } function laWeissToggleColourPrice() { var box = (typeof LensAdvizor !== 'undefined' && LensAdvizor.contentBox) ? LensAdvizor.contentBox : null; if (!box) { return; } var title = box.querySelector('.la-render-addons #la_prescriptionSelect_title'); box.classList.toggle('la-weiss-hide-price', !!(title && title.textContent.trim() === 'Color')); } document.addEventListener('LensAdvizor:addOns:rendered', laWeissToggleColourPrice); document.addEventListener('LensAdvizor:component:DidMount', laWeissToggleColourPrice); /* ---- 4) Meta Pixel AddToCart ---- Only reaches a manually-installed TOP-FRAME pixel (window.fbq). */ document.addEventListener('LensAdvizor:addToCart:success', function (event) { if (typeof fbq !== 'function') { return; } try { var detail = event.detail || {}; var items = Array.isArray(detail.items) ? detail.items : (detail.id ? [detail] : []); var contents = items.map(function (i) { return { id: String(i.id), quantity: i.quantity || 1 }; }); var p = (window.LensAdvizor && LensAdvizor.prices) || {}; var params = { content_type: 'product', content_ids: contents.map(function (c) { return c.id; }), contents: contents }; var base = (window.LensAdvizor && LensAdvizor.options && LensAdvizor.options.default_currency); var active = (window.Shopify && Shopify.currency && Shopify.currency.active); if (typeof p.subtotal === 'number' && p.subtotal > 0 && base && active && base === active) { params.value = p.subtotal; params.currency = active; } fbq('track', 'AddToCart', params); } catch (err) {} }); /* NOTE: no custom /cart redirect here on purpose. post_add_to_cart is OFF on this store, so the widget redirects to /cart natively AFTER the prescription request saves. The old addToCart:success redirect raced that save. */ //# sourceURL=la_weissoptix_custom.js // // Weiss Optix - hide the price / "FREE" label on the Colour add-on step only. // // Runs on every add-on render and on component mount. // if (!document.getElementById('la-weiss-style')) { // var laWeissStyle = document.createElement('style'); // laWeissStyle.id = 'la-weiss-style'; // laWeissStyle.textContent = '.la-weiss-hide-price .la-label-price{display:none}'; // document.head.appendChild(laWeissStyle); // } // function laWeissToggleColourPrice() { // var box = (typeof LensAdvizor !== 'undefined' && LensAdvizor.contentBox) ? LensAdvizor.contentBox : null; // if (!box) return; // // only matches when the add-on form on screen is the Colour step // var title = box.querySelector('.la-render-addons #la_prescriptionSelect_title'); // var isColour = !!(title && title.textContent.trim() === 'Color'); // box.classList.toggle('la-weiss-hide-price', isColour); // } // document.addEventListener('LensAdvizor:addOns:rendered', laWeissToggleColourPrice); // document.addEventListener('LensAdvizor:component:DidMount', laWeissToggleColourPrice); // // Weiss Optix - show each lens-group card's price (min lens price in that group). // function laWoGroupPrice(e) { // var d = e && e.detail; // if (!d || d.method !== 'renderLensGroup') { return; } // if (typeof LensAdvizor === 'undefined' || !Array.isArray(LensAdvizor.lenses)) { return; } // var container = document.querySelector('.la-render-lenses'); // if (!container) { return; } // [].slice.call(container.querySelectorAll('.la-tap-select')).forEach(function (radio) { // var wrapper = radio.closest('.la-label-btn-wrapper'); // var label = wrapper && wrapper.querySelector('.la-label-btn'); // if (!label || label.querySelector('.la-label-price')) { return; } // var prices = LensAdvizor.lenses.filter(function (l) { return l.group_type === radio.value; }).map(function (l) { return Number(l.price); }).filter(function (n) { return !isNaN(n); }); // if (!prices.length) { return; } // var min = Math.min.apply(null, prices); // var priceEl = document.createElement('div'); // priceEl.className = 'la-label-price la-wo-group-price'; // priceEl.innerHTML = min > 0 ? LensAdvizor.formatCurrency(min) : LensAdvizor.Translation.getTranslatedText('FREE'); // label.appendChild(priceEl); // }); // } // document.addEventListener('LensAdvizor:lens:rendered', laWoGroupPrice); // //# sourceURL=la_weissoptix.js // /* Weiss Optix - "Light-responsive" lens nesting (reviewed) // Works on renderLenses (As Buttons) AND renderHeaderLenses (As Headers). */ // function laWoNorm(name) { return (name || '').toLowerCase().replace(/-/g, ' '); } // function laWoCardFor(scope, lensId) { // var radio = scope.querySelector('.la-tap-select[value="' + lensId + '"]'); // return radio ? radio.closest('.la-label-btn-wrapper') : null; // } // function laWoSetTitle(card, text) { // var t = card.querySelector('.la-label-title'); // if (t) { t.innerHTML = '' + text + ''; } // } // var LA_WO_SUBTYPES = [ // { key: 'signature', label: 'Signature', test: function (n) { return n.indexOf('signature') !== -1; } }, // { key: 'transitions', label: 'Transitions GEN S', test: function (n) { return n.indexOf('transition') !== -1; } } // ]; // function laWoBuildCollapsed(container, wrapper, sig, tra) { // var template = [].slice.call(wrapper.querySelectorAll('.la-label-btn-wrapper')) // .filter(function (c) { return c !== sig.card && c !== tra.card; })[0] || sig.card; // var collapsed = template.cloneNode(true); // collapsed.classList.remove('la-wo-lr-real'); // collapsed.classList.add('la-wo-lr-collapsed'); // var cloneRadio = collapsed.querySelector('.la-tap-select'); // if (cloneRadio) { cloneRadio.parentNode.removeChild(cloneRadio); } // var cloneLabel = collapsed.querySelector('.la-label-btn'); // if (cloneLabel) { cloneLabel.removeAttribute('for'); } // // Copy the Signature Light-responsive lens's image into the collapsed card. // var cloneImg = collapsed.querySelector('.la-label-image'); // if (cloneImg) { // var __lrImg = sig.card.querySelector('.la-label-image'); // if (__lrImg) { cloneImg.innerHTML = __lrImg.innerHTML; } // else { cloneImg.parentNode.removeChild(cloneImg); } // } // var cloneImgWrap = collapsed.querySelector('.la-label-image-wapper'); // if (cloneImgWrap) { cloneImgWrap.parentNode.removeChild(cloneImgWrap); } // // Light-responsive description (fixed wording). // var cloneDesc = collapsed.querySelector('.la-label-description'); // if (cloneDesc) { // cloneDesc.innerHTML = 'UV-blocking lenses with scratch-resistant, anti-reflective coatings - ' // + 'these also transition from clear to a darker tint outdoors, plus filter more blue light ' // + 'than our classic lenses. (Choose between Grey / Amber / Sapphire / Green)'; // } // [].slice.call(collapsed.querySelectorAll('.la-tooltip-wrapper, .tooltip-span, .tooltip-img, [data-la-tooltip]')) // .forEach(function (el) { el.parentNode.removeChild(el); }); // var cloneBadge = collapsed.querySelector('.lens-recommendation-badge-wrapper'); // if (cloneBadge) { cloneBadge.parentNode.removeChild(cloneBadge); } // laWoSetTitle(collapsed, 'Light-responsive'); // var pSrc = sig.card.querySelector('.la-label-price'); // var pDst = collapsed.querySelector('.la-label-price'); // if (pSrc && pDst) { pDst.innerHTML = pSrc.innerHTML; } // else if (pSrc && cloneLabel) { cloneLabel.appendChild(pSrc.cloneNode(true)); } // collapsed.addEventListener('click', function (ev) { // ev.preventDefault(); // container.classList.add('la-wo-lr-expanded'); // }); // [sig, tra].forEach(function (f) { // f.card.classList.add('la-wo-lr-real'); // laWoSetTitle(f.card, f.sub.label); // }); // var backRow = document.createElement('div'); // backRow.className = 'la-wo-lr-back'; // backRow.innerHTML = ''; // backRow.querySelector('.la-wo-lr-back-btn').addEventListener('click', function () { // container.classList.remove('la-wo-lr-expanded'); // }); // sig.card.parentNode.insertBefore(collapsed, sig.card); // sig.card.parentNode.insertBefore(backRow, sig.card); // container.classList.remove('la-wo-lr-expanded'); // } // function laWoNestButtons(container) { // var lenses = (typeof LensAdvizor !== 'undefined' && Array.isArray(LensAdvizor.lenses)) ? LensAdvizor.lenses : []; // var found = {}; // lenses.forEach(function (lens) { // var n = laWoNorm(lens && lens.name); // if (n.indexOf('light responsive') === -1) { return; } // var card = laWoCardFor(container, lens.id); // if (!card) { return; } // LA_WO_SUBTYPES.forEach(function (sub) { // if (sub.test(n) && !found[sub.key]) { found[sub.key] = { sub: sub, card: card }; } // }); // }); // if (!found.signature || !found.transitions) { return; } // if (found.signature.card.parentNode !== found.transitions.card.parentNode) { return; } // laWoBuildCollapsed(container, found.signature.card.parentNode, found.signature, found.transitions); // } // function laWoNestHeaders(container) { // var lenses = (typeof LensAdvizor !== 'undefined' && Array.isArray(LensAdvizor.lenses)) ? LensAdvizor.lenses : []; // var found = {}; // lenses.forEach(function (lens) { // var nName = laWoNorm(lens && lens.name); // var nGroup = laWoNorm(lens && lens.group_title); // var isLR = nName.indexOf('light responsive') !== -1 || nGroup.indexOf('light responsive') !== -1; // if (!isLR) { return; } // var card = laWoCardFor(container, lens.id); // if (!card) { return; } // LA_WO_SUBTYPES.forEach(function (sub) { // if (sub.test(nName) && !found[sub.key]) { found[sub.key] = { sub: sub, card: card }; } // }); // }); // if (!found.signature || !found.transitions) { return; } // if (found.signature.card.parentNode !== found.transitions.card.parentNode) { return; } // laWoBuildCollapsed(container, found.signature.card.parentNode, found.signature, found.transitions); // } // function laWoNestLR(e) { // var d = e && e.detail; // if (!d) { return; } // var container = document.querySelector('.la-render-lenses'); // if (!container || container.getAttribute('data-la-wo-lr') === 'done') { return; } // if (d.method === 'renderLenses') { // laWoNestButtons(container); // container.setAttribute('data-la-wo-lr', 'done'); // } else if (d.method === 'renderHeaderLenses') { // laWoNestHeaders(container); // container.setAttribute('data-la-wo-lr', 'done'); // } // } // document.addEventListener('LensAdvizor:lens:rendered', laWoNestLR); // document.addEventListener('LensAdvizor:addToCart:success', function() { // window.location.href = '/cart'; // }); // //# sourceURL=la_weissoptix_lr_nesting.js // // Meta Pixel AddToCart for the LensAdvisor flow - Weiss Optix // // App > Settings > Advanced > Custom JS injector. // // PRECONDITION: only reaches a manually-installed TOP-FRAME pixel (window.fbq). // // It CANNOT feed the sandboxed Facebook & Instagram channel pixel - confirm install type first. // document.addEventListener('LensAdvizor:addToCart:success', function (event) { // if (typeof fbq !== 'function') { // console.warn('[LA] Meta Pixel (fbq) not on top frame; AddToCart not sent.'); // return; // } // var detail = event.detail || {}; // var items = Array.isArray(detail.items) ? detail.items : (detail.id ? [detail] : []); // var contents = items.map(function (i) { return { id: String(i.id), quantity: i.quantity || 1 }; }); // // Value from the platform price object (already converted to the active currency) - NOT from items. // var p = (window.LensAdvizor && LensAdvizor.prices) || {}; // var value = typeof p.subtotal === 'number' ? p.subtotal : ((p.frame || 0) + (p.lens || 0) + (p.addons || 0)); // var currency = (window.Shopify && Shopify.currency && Shopify.currency.active) || 'USD'; // var params = { content_type: 'product', content_ids: contents.map(function (c) { return c.id; }), contents: contents }; // if (value > 0) { params.value = value; params.currency = currency; } // //fbq('track', 'AddToCart', params); // }); // //# sourceURL=la_meta_addtocart.js

Narrow	-132
Medium	133-140
Wide	141-148

Newest

Best Sellers

Newest

Best Sellers

Size Chart

Your cart 0

Aviator

Cat-eye

Acetate

Daily Essentials

Order note

Coupon

Search

Your cart