// Sync variant from URL after LensAdvisor loads document.addEventListener('LensAdvizor:init:complete', function() { LensAdvizor.formVariantUpdate(); }); /* SIZE GLASSES (1da17a-2.myshopify.com) - AddToCart tracking for the lens flow. Context: store uses native bundling; Shopify's standard add-to-cart event does not fire for merged adds, so Meta/Google/TikTok never see flow adds (Intercom conv 215475182334155, merchant asked for all three platforms). Verified 2026-07-23: fbq, gtag and ttq are all present in the top frame on sizeglasses.com, so direct calls reach them. Adapted from weiss-optix (WEISS OPTIX)/custom.js Meta block. Deploy: paste into LensAdvisor portal > store Settings > Custom JS. */ document.addEventListener('LensAdvizor:addToCart:success', function (event) { var detail = event.detail || {}; var items = Array.isArray(detail.items) ? detail.items : (detail.id ? [detail] : []); if (!items.length) { return; } var contents = items.map(function (i) { return { id: String(i.id), quantity: i.quantity || 1 }; }); var ids = contents.map(function (c) { return c.id; }); /* Value only when the LA subtotal is in the shopper's active currency. */ var value = null; var currency = null; var p = (window.LensAdvizor && LensAdvizor.prices) || {}; 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) { value = p.subtotal; currency = active; } if (typeof fbq === 'function') { try { var fbParams = { content_type: 'product', content_ids: ids, contents: contents }; if (value !== null) { fbParams.value = value; fbParams.currency = currency; } fbq('track', 'AddToCart', fbParams); } catch (errFb) {} } if (typeof gtag === 'function') { try { var gaParams = { items: contents.map(function (c) { return { item_id: c.id, quantity: c.quantity }; }) }; if (value !== null) { gaParams.value = value; gaParams.currency = currency; } gtag('event', 'add_to_cart', gaParams); } catch (errGa) {} } if (window.ttq && typeof ttq.track === 'function') { try { var ttParams = { contents: contents.map(function (c) { return { content_id: c.id, content_type: 'product', quantity: c.quantity }; }) }; if (value !== null) { ttParams.value = value; ttParams.currency = currency; } ttq.track('AddToCart', ttParams); } catch (errTt) {} } }); //# sourceURL=la_sizeglasses_addtocart_tracking.js /* SIZE GLASSES (1da17a-2.myshopify.com) - desktop sticky bar. The merchant wants the Select Lenses button to stay reachable while the shopper scrolls, like the bars on zeelool.com and glassesusa.com (Intercom conv 215475749829512). Mobile already pins the button with custom CSS. On desktop this builds a bottom bar with the product image, title, subtitle, price and a Select Lenses button. The bar appears once the in-page Select Lenses button scrolls above the sticky header, and its button clicks the real LensAdvisor button so the normal flow opens. Label and colors come from the app's button settings for the selected variant, not from the rendered button, which is still unstyled when this runs. Styles live in custom CSS under ".la-sticky-bar". Deploy: paste into LensAdvisor portal > store Settings > Custom JS. */ function sizeglassesBuildStickyBar() { if (document.getElementById('la-sticky-bar')) { return; } var realBtn = document.querySelector('.lensadvisor-widget .la-select-lenses-btn'); if (!realBtn) { return; } var bar = document.createElement('div'); bar.id = 'la-sticky-bar'; bar.className = 'la-sticky-bar la-sticky-bar--hidden'; bar.innerHTML = '

' + '' + '

' + '

' + '' + '

'; document.body.appendChild(bar); var img = bar.querySelector('.la-sticky-bar__image'); var title = bar.querySelector('.la-sticky-bar__title'); var subtitle = bar.querySelector('.la-sticky-bar__subtitle'); var price = bar.querySelector('.la-sticky-bar__price'); var btn = bar.querySelector('.la-sticky-bar__btn'); function text(selector) { var el = document.querySelector(selector); return el ? el.textContent.replace(/\s+/g, ' ').trim() : ''; } /* Re-read image, title, price and the app's button label and colors. */ function refresh() { var variant = LensAdvizor.variants && LensAdvizor.variants[LensAdvizor.selectedOrDefaultVariant]; var settings = (variant && variant.settings) || {}; var src = (variant && variant.image) || (LensAdvizor.product && LensAdvizor.product.featured_image) || ''; if (src) { img.src = src + (src.indexOf('?') > -1 ? '&' : '?') + 'width=128'; } title.textContent = text('.product-info .product-title') || (LensAdvizor.product && LensAdvizor.product.title) || ''; subtitle.textContent = text('.product-info .not-in-quickbuy .product-info-block'); price.textContent = text('.product-info .price__current > span:not(.visually-hidden)'); var label = settings.buttonText || ''; if (label && LensAdvizor.Translation && LensAdvizor.Translation.getTranslatedText) { label = LensAdvizor.Translation.getTranslatedText(label); } btn.textContent = label || realBtn.textContent.trim() || 'Select Lenses'; if (settings.buttonBackgroundColor) { btn.style.backgroundColor = settings.buttonBackgroundColor; } if (settings.buttonColor) { btn.style.color = settings.buttonColor; } if (settings.buttonBorderRadius) { btn.style.borderRadius = settings.buttonBorderRadius + 'px'; } } /* Show the bar once the real button has scrolled above the sticky header. */ var header = document.querySelector('.section-header'); var ticking = false; function update() { ticking = false; var offset = (document.querySelector('.pageheader--sticky') && header) ? header.offsetHeight : 0; var show = realBtn.getBoundingClientRect().bottom < offset; if (show && bar.classList.contains('la-sticky-bar--hidden')) { refresh(); } bar.classList.toggle('la-sticky-bar--hidden', !show); } function onScroll() { if (!ticking) { ticking = true; window.requestAnimationFrame(update); } } window.addEventListener('scroll', onScroll, { passive: true }); window.addEventListener('resize', onScroll); document.addEventListener('LensAdvizor:variant:change', refresh); btn.addEventListener('click', function () { realBtn.click(); }); refresh(); update(); } /* LensAdvizor.variants is an empty object until init finishes, so wait for the selected variant to exist before building. */ if (window.LensAdvizor && LensAdvizor.variants && LensAdvizor.variants[LensAdvizor.selectedOrDefaultVariant]) { sizeglassesBuildStickyBar(); } else { document.addEventListener('LensAdvizor:init:complete', sizeglassesBuildStickyBar); } //# sourceURL=la_sizeglasses_sticky_bar.js

Your cart is empty

Estimation des frais de livraison

Sous-total: $0.00 USD