/* ============================================================================ 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. */ /* ============================================================================ WEISS OPTIX - Branching first step (metafield-driven, v2 2026-08-02) Requested by Yi (conv 215475111508781): after "Select Lenses and Buy" the customer first answers a question (currently "Do you need prescription lenses?") and only the prescription types for the chosen answer are shown. Any number of choices is supported. A Back link on the filtered list returns to the question; the widget's own back navigation keeps the chosen answer until the modal closes. CONFIG LIVES IN METAFIELDS - no code edit needed to change the copy, add a choice, add card images, or move a prescription type between choices: Flow metafields (Lens Flow > More Actions > Manage Metafields): _Branch:title question heading (optional; default "Do you need prescription lenses?") _Branch: one choice card per entry, in order; value is the card title (legacy "Title | description" is also accepted) _Branch::description card description; blank = no description _Branch::image card image URL; blank = no image (current ids: "rx" and "no-rx") Prescription type metafields (type row > menu > Manage Metafields): _Branch of the choice the type belongs to Types with no _Branch metafield stay visible under EVERY choice, so a type added later can never silently disappear. If the flow has no _Branch: entries, or no prescription type has opted in, the native list renders untouched. Implementation notes (v2): - Injection runs from a MutationObserver on document.body. The storefront widget build does not reliably dispatch LensAdvizor:prescriptionTypes:rendered (only component:WillMount fires), so event listeners alone miss renders. Setup is an idempotent sync: it builds the question block if missing, then shows either the question or the filtered list from LensAdvizor._laWoBranch. - Cards are rendered with the widget's own LensAdvizor.getButtonLayout so markup, classes and spacing are identical to native steps. - The widget binds its own click/keydown handlers to every input.la-tap-select it can find; a capture-phase guard keeps those handlers off the branch radios (their values are not prescription type ids and would crash handlePrescriptionTypeChange). ============================================================================ */ /* THEME GATE: only run on the merchant's working draft theme "weiss-optix LA cart Make all updates here!!!" (id 174082261028) until Yi approves it for the live theme - then add the live theme id here (or make the list empty-means-everywhere). */ var laWoBranchThemeIds = [174082261028]; function laWoBranchOnTheme() { return !!(window.Shopify && Shopify.theme && laWoBranchThemeIds.indexOf(Number(Shopify.theme.id)) !== -1); } if (!document.getElementById('la-wo-branch-style')) { var laWoBranchStyle = document.createElement('style'); laWoBranchStyle.id = 'la-wo-branch-style'; laWoBranchStyle.textContent = [ '.la-choose-prescription-wrapper .la-wo-branch-hide{display:none}', '.la-wo-branch-back-btn{background:none;border:none;cursor:pointer;font:inherit;padding:6px 0;margin:0 0 12px 0;opacity:.8}', '.la-wo-branch-back-btn::before{content:"< "}', /* gated themes: the theme has its own lens CTAs; keep the widget's injected button (which lands inside a recommendation card there) out of sight - we forward CTA clicks to it programmatically */ 'html[data-la-wo-branch-theme] .la-select-lenses-btn{display:none!important}' ].join(''); document.head.appendChild(laWoBranchStyle); } /* "_Branch: Readers" == "branch:readers" - tolerant key normalizer (Revant) */ function laWoBranchNorm(key) { return String(key == null ? '' : key).trim().toLowerCase() .replace(/^_+/, '').replace(/\./g, ':').replace(/\s*:\s*/g, ':'); } /* metafield lookup that accepts both shapes: [{key,value}] and plain object */ function laWoBranchMetaValue(source, key) { var norm = laWoBranchNorm(key); if (Array.isArray(source)) { for (var i = 0; i < source.length; i++) { var mf = source[i]; if (mf && laWoBranchNorm(mf.key) === norm && mf.value != null) { return String(mf.value).trim(); } } return null; } if (source && typeof source === 'object') { var keys = Object.keys(source); for (var j = 0; j < keys.length; j++) { if (laWoBranchNorm(keys[j]) === norm && source[keys[j]] != null) { return String(source[keys[j]]).trim(); } } } return null; } function laWoBranchFlowMeta() { var flowMeta = (typeof LensAdvizor !== 'undefined' && LensAdvizor.options && LensAdvizor.options.flowMetafields) || []; return Array.isArray(flowMeta) ? flowMeta : Object.keys(flowMeta).map(function (k) { return { key: k, value: flowMeta[k] }; }); } /* ordered choice cards from the flow's _Branch: metafields */ function laWoBranchOptions() { var list = laWoBranchFlowMeta(); var out = []; list.forEach(function (mf) { if (!mf || mf.value == null) { return; } var key = laWoBranchNorm(mf.key); if (key.indexOf('branch:') !== 0) { return; } var id = key.slice(7); if (!id || id === 'title' || id.indexOf(':') !== -1) { return; } var parts = String(mf.value).split('|'); var title = (parts.shift() || '').trim(); if (!title) { return; } var description = laWoBranchMetaValue(list, '_Branch:' + id + ':description'); if (description == null || description === '') { description = parts.join('|').trim(); } var image = laWoBranchMetaValue(list, '_Branch:' + id + ':image') || ''; out.push({ id: id, title: title, description: description || '', image: image }); }); return out; } function laWoBranchOfType(pt) { var raw = laWoBranchMetaValue(pt && pt.metafields, '_Branch') || laWoBranchMetaValue(pt && pt.metafield, '_Branch'); return raw ? laWoBranchNorm(raw) : null; } function laWoBranchT(text) { try { return LensAdvizor.Translation.getTranslatedText(text); } catch (err) { return text; } } function laWoBranchEscape(s) { return String(s == null ? '' : s) .replace(/&/g, '&').replace(//g, '>').replace(/"/g, '"'); } /* native-identical card markup via the widget's own button builder */ function laWoBranchCardHTML(o) { var config = { title: o.title, description: o.description || '', name: 'la-wo-branch', id: 'la-wo-branch-' + o.id, value: o.id }; if (o.image) { config.image = o.image; } try { return LensAdvizor.getButtonLayout(config); } catch (err) { return '

' + '' + '' + (o.image ? '

' : '') + '

' + '

' + laWoBranchEscape(laWoBranchT(o.title)) + '

' + '

' + laWoBranchEscape(laWoBranchT(o.description || '')) + '

' + '

' + '' + '

'; } } function laWoBranchHeading(wrapper) { return wrapper.querySelector('#la_prescriptionSelect_title'); } function laWoBranchShowQuestion(wrapper, question, backRow, list) { var heading = laWoBranchHeading(wrapper); if (heading) { if (!heading.hasAttribute('data-la-wo-native-title')) { heading.setAttribute('data-la-wo-native-title', heading.textContent.trim()); } var title = laWoBranchT(laWoBranchMetaValue(laWoBranchFlowMeta(), '_Branch:title') || 'Do you need prescription lenses?'); heading.textContent = title; heading.setAttribute('aria-label', title); } [].slice.call(question.querySelectorAll('input[name="la-wo-branch"]')).forEach(function (input) { input.checked = false; }); question.classList.remove('la-wo-branch-hide'); backRow.classList.add('la-wo-branch-hide'); list.classList.add('la-wo-branch-hide'); } function laWoBranchApply(wrapper, question, backRow, list) { var heading = laWoBranchHeading(wrapper); if (heading && heading.hasAttribute('data-la-wo-native-title')) { heading.textContent = heading.getAttribute('data-la-wo-native-title'); heading.setAttribute('aria-label', heading.getAttribute('data-la-wo-native-title')); } var branch = LensAdvizor._laWoBranch; var types = LensAdvizor.prescriptionTypes || []; question.classList.add('la-wo-branch-hide'); backRow.classList.remove('la-wo-branch-hide'); list.classList.remove('la-wo-branch-hide'); [].slice.call(list.querySelectorAll('.la-label-btn-wrapper')).forEach(function (card) { var input = card.querySelector('input.la-tap-select'); var type = null; if (input) { for (var i = 0; i < types.length; i++) { if (String(types[i].id) === String(input.value)) { type = types[i]; break; } } } var typeBranch = type ? laWoBranchOfType(type) : null; card.classList.toggle('la-wo-branch-hide', !!(typeBranch && typeBranch !== branch)); }); } /* idempotent sync: build the question block if missing, then show either the question or the filtered list, from LensAdvizor._laWoBranch */ function laWoBranchSetup() { if (!laWoBranchOnTheme()) { return; } if (typeof LensAdvizor === 'undefined' || !LensAdvizor.options) { return; } var box = LensAdvizor.contentBox || document; if (!box.querySelector) { return; } var wrapper = box.querySelector('.la-choose-prescription-wrapper'); if (!wrapper || /\bla-render-/.test(wrapper.className)) { return; } var list = null; var wrappers = wrapper.querySelectorAll('.la-label-wrapper'); for (var w = 0; w < wrappers.length; w++) { if (!wrappers[w].classList.contains('la-wo-branch-question')) { list = wrappers[w]; break; } } if (!list) { return; } /* only act when the visible list really is the prescription-type list */ var probe = list.querySelector('input.la-tap-select'); var types = LensAdvizor.prescriptionTypes || []; var isTypeList = false; if (probe) { for (var i = 0; i < types.length; i++) { if (String(types[i].id) === String(probe.value)) { isTypeList = true; break; } } } if (!isTypeList) { return; } var options = laWoBranchOptions(); if (!options.length) { return; } var hasAssigned = false; for (var j = 0; j < types.length; j++) { if (laWoBranchOfType(types[j])) { hasAssigned = true; break; } } if (!hasAssigned) { return; } var question = wrapper.querySelector('.la-wo-branch-question'); var backRow = wrapper.querySelector('.la-wo-branch-back'); if (!question) { question = document.createElement('div'); question.className = 'la-label-wrapper la-wo-branch-question la-wo-branch-hide'; question.innerHTML = options.map(laWoBranchCardHTML).join(''); /* the live build nests the radio inside the label (hidden there via opacity:0); getButtonLayout's template predates that and leaves it as a visible sibling, which inflates the card and its spacing */ [].slice.call(question.querySelectorAll('.la-label-btn-wrapper')).forEach(function (card) { var cardInput = card.querySelector('input.la-tap-select'); var cardLabel = card.querySelector('label.la-label-btn'); if (cardInput && cardLabel && cardInput.parentElement !== cardLabel) { cardLabel.insertBefore(cardInput, cardLabel.firstChild); } }); list.insertAdjacentElement('beforebegin', question); backRow = document.createElement('div'); backRow.className = 'la-wo-branch-back la-wo-branch-hide'; backRow.innerHTML = ''; question.insertAdjacentElement('afterend', backRow); /* keep the widget's own .la-tap-select click/Enter/Space handlers off the branch radios; the radio still checks (default action) and the change event below still fires */ ['click', 'keydown'].forEach(function (evName) { question.addEventListener(evName, function (ev) { var t = ev.target; if (!t || t.nodeType !== 1 || !t.matches || !t.matches('input[name="la-wo-branch"]')) { return; } if (ev.type === 'keydown' && ev.code !== 'Enter' && ev.code !== 'Space' && ev.code !== 'NumpadEnter') { return; } ev.stopPropagation(); }, true); }); question.addEventListener('change', function (ev) { if (!ev.target || ev.target.name !== 'la-wo-branch') { return; } LensAdvizor._laWoBranch = ev.target.value; laWoBranchApply(wrapper, question, backRow, list); }); backRow.querySelector('.la-wo-branch-back-btn').addEventListener('click', function () { LensAdvizor._laWoBranch = null; laWoBranchShowQuestion(wrapper, question, backRow, list); }); } var chosen = LensAdvizor._laWoBranch; var chosenValid = false; for (var k = 0; k < options.length; k++) { if (options[k].id === chosen) { chosenValid = true; break; } } if (chosen && chosenValid) { var checked = question.querySelector('input[value="' + chosen.replace(/"/g, '') + '"]'); if (checked) { checked.checked = true; } laWoBranchApply(wrapper, question, backRow, list); } else { LensAdvizor._laWoBranch = null; laWoBranchShowQuestion(wrapper, question, backRow, list); } } var laWoBranchScheduled = false; function laWoBranchSchedule() { if (laWoBranchScheduled) { return; } laWoBranchScheduled = true; setTimeout(function () { laWoBranchScheduled = false; try { laWoBranchSetup(); } catch (err) { /* never break the widget */ } }, 0); } /* the storefront build does not reliably fire prescriptionTypes:rendered, so watch the DOM directly; setup bails cheaply when the step is not showing */ if (laWoBranchOnTheme() && !window.__laWoBranchObserver) { window.__laWoBranchObserver = new MutationObserver(laWoBranchSchedule); window.__laWoBranchObserver.observe(document.body, { childList: true, subtree: true }); } document.addEventListener('LensAdvizor:prescriptionTypes:rendered', function (e) { if (e.detail && e.detail.method && e.detail.method !== 'renderPrescriptionTypes') { return; } laWoBranchSchedule(); }); /* fresh question on every modal open (the build may reuse the rendered list) */ document.addEventListener('LensAdvizor:selectLensModal:open', function () { if (typeof LensAdvizor !== 'undefined') { LensAdvizor._laWoBranch = null; } laWoBranchSchedule(); }); /* INIT KICK (gated themes only): the draft theme's product template never triggers LensAdvizor.init() - the embed loads settings/product data but the button and modal are never built, so the theme's own "Select lenses" proxy button sits on "Loading Lens Options..." forever. If the widget button has not appeared a few seconds after load, kick init once. */ var laWoBranchInitKickTries = 0; function laWoBranchInitKick() { if (window.__laWoBranchInitKicked) { return true; } if (typeof LensAdvizor === 'undefined' || typeof LensAdvizor.init !== 'function') { return false; } if (document.querySelector('.la-select-lenses-btn') || LensAdvizor.contentBox) { return true; } if (!document.querySelector('lensadvizor-wrapper')) { return false; } window.__laWoBranchInitKicked = true; try { LensAdvizor.init(); } catch (err) { /* leave the widget as-is */ } return true; } if (laWoBranchOnTheme()) { document.documentElement.setAttribute('data-la-wo-branch-theme', '1'); setTimeout(function laWoBranchKickLoop() { laWoBranchInitKickTries += 1; if (!laWoBranchInitKick() && laWoBranchInitKickTries < 5) { setTimeout(laWoBranchKickLoop, 2000); } }, 3000); } /* CTA WIRING (gated themes only): the theme intercepts lens-CTA clicks with its own capture handler and forwards them to a stored copy of the widget button; that forwarding is broken (the stored copy has no click handler), so the CTA does nothing. A window-level capture listener runs before any document/element handler: catch the CTA click first and open the widget directly. */ window.addEventListener('click', function (ev) { if (!laWoBranchOnTheme()) { return; } var t = ev.target; if (!t || t.nodeType !== 1 || !t.closest) { return; } var cta = t.closest('.yg-select-lenses-stable-btn, .yg-mobile-select-lenses-btn, .yg-product-detail-lens-button'); if (!cta) { return; } var btn = document.querySelector('.la-select-lenses-btn'); if (!btn) { return; } ev.preventDefault(); ev.stopImmediatePropagation(); btn.click(); }, true); //# sourceURL=la_wo_branch_first_step.js //-------------------- /* WEISS OPTIX - Lens flow step-transition prefetch. Warms the next step's API calls (item groups -> items -> variant prices) for each prescription type while the customer is still on the first step, so Single Vision and Progressive render on the first click. Self-contained; paste at the end of the injector. Pure performance warm-up, no visual change. */ window.__laFetchCache = window.__laFetchCache || {}; function laCachedFetch(url) { var cache = window.__laFetchCache; if (!cache[url]) { cache[url] = window.__laOrigFetch(url).then(function (r) { return r.text().then(function (text) { if (!r.ok) delete cache[url]; return { status: r.status, text: text }; }); }).catch(function (err) { delete cache[url]; throw err; }); } return cache[url].then(function (entry) { return new Response(entry.text, { status: entry.status, headers: { 'Content-Type': 'application/json' } }); }); } if (!window.__laOrigFetch) { window.__laOrigFetch = window.fetch.bind(window); window.fetch = function (input, init) { var isGet = !init || !init.method || String(init.method).toUpperCase() === 'GET'; if (isGet && typeof input === 'string' && window.__laFetchCache[input]) { return laCachedFetch(input); } return window.__laOrigFetch(input, init); }; } function laPrefetchStepData() { if (!LensAdvizor.collectionId || typeof LensAdvizor.addQueryParamsToURL !== 'function') return; var base = LensAdvizor.API_URL + '/collection/' + LensAdvizor.collectionId; (LensAdvizor.prescriptionTypes || []).forEach(function (pt) { if (!pt || !pt.id) return; laCachedFetch(LensAdvizor.addQueryParamsToURL(base + '/items/groups/', { fields: 'group_type,title,description,image,order,item_count,metafield,metafields,price', prescription_type: pt.name, prescription_id: pt.id, api_version: 2 })).catch(function () {}); laCachedFetch(LensAdvizor.addQueryParamsToURL(base + '/items/', { prescription_type: pt.name, prescription_id: pt.id, api_version: 2 })).then(function (r) { return r.json(); }).then(function (items) { var ids = [LensAdvizor.productId]; (LensAdvizor.customProductIds || []).forEach(function (id) { ids.push(id); }); (items || []).forEach(function (item) { ids.push(item.shopify_id); (item.add_ons_products || []).forEach(function (addOn) { (addOn.product_ids || []).forEach(function (id) { ids.push(id); }); }); }); var params = { shop: Shopify.shop, products: Array.from(new Set(ids)).join(','), api_version: 2, country: Shopify.country }; if (LensAdvizor.currentLocationId) { params.company_location_id = LensAdvizor.currentLocationId; } laCachedFetch(LensAdvizor.addQueryParamsToURL(LensAdvizor.API_URL + '/collection/variants/', params)).catch(function () {}); }).catch(function () {}); }); } if (!window.__laPrefetchListener) { window.__laPrefetchListener = true; var laTryPrefetch = function (tries) { if ((LensAdvizor.prescriptionTypes || []).length) { laPrefetchStepData(); return; } if (tries < 20) setTimeout(function () { laTryPrefetch(tries + 1); }, 250); }; var laMaybePrefetch = function (e) { var t = e && e.detail && e.detail.eventType; if (!t || t === 'LensAdvizor:prescriptionTypes:rendered') laTryPrefetch(0); }; document.addEventListener('LensAdvizor:component:WillMount', laMaybePrefetch); document.addEventListener('LensAdvizor:prescriptionTypes:rendered', laMaybePrefetch); } //# sourceURL=la_wo_prefetch.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

Newest

Best Sellers

Newest

Best Sellers

News

Square Frames Are Back: How to Wear the Boldest Trend of 2026

Your cart 0

Aviator

Cat-eye

Acetate

Daily Essentials

Order note

Coupon

Search

Your cart