// LensAdvizor.formVariantUpdate = function(e) { // setTimeout(function(){ // const variantInputField = this.querySelector('input[name="id"]') // let updatedVariantId = LensAdvizor.getUrlParameter("variant") // if (variantInputField && variantInputField.value) { // updatedVariantId = parseInt(variantInputField.value) // } // var selectedVariant = LensAdvizor.selectedOrDefaultVariant // if (LensAdvizor.pageType == "product") { // LensAdvizor.selectLensButtons.forEach((button) => { // selectedVariant = button.getAttribute('data-la-variant-id') // }) // } // if (selectedVariant == updatedVariantId) { // return false // } // LensAdvizor.selectedOrDefaultVariant = updatedVariantId // LensAdvizor.selectLensButtons.forEach((button) => { // button.setAttribute("data-la-variant-id", updatedVariantId) // }) // LensAdvizor.prescriptionTypes = [] // LensAdvizor.handleButtonDisplay() // if (LensAdvizor.variants[updatedVariantId]) { // LensAdvizor.customiseSelectLensButton(LensAdvizor.variants[updatedVariantId].settings) // } // document.dispatchEvent(new CustomEvent('LensAdvizor:variant:change')); // }.bind(this), 150) // } // --- START --- Add Custom Tooltip next to PD LensAdvizor.customPDTooltip = function(){ // First get the layout let tooltipData = { "title":"Measure your PD", "content": `

Your Pupillary Distance (PD) measurement indicates the distance between the centers of your pupils, in millimeters. It is a required measurement that ensures your new lenses are custom aligned over the center of your pupil for proper clarity.

If you do not know your PD, or have it on your prescription, you can enter 63 (as an average PD value is between 58 and 65 for an adult.)

PD can be written in different ways:

Single PD = A single number (62) = The total distance between the center of both pupils.
Dual PD = A specific measurement from each pupil (Right & Left) to the bridge of the nose. (33/31 or Right=33 Left=31)

` } // imgSrc is optional. If omitted the default image will be used customToolTipLayout = ` ${LensAdvizor.getToolTipLayout(tooltipData)} ` // insert the tooltip into the HTML document.querySelector('#la-pd-fields-container').parentElement.querySelector('h6').insertAdjacentHTML('beforeend', customToolTipLayout) } // --- END --- Add Custom Tooltip next to PD // --- START --- Add checkbox to confirm prescription proceeding LensAdvizor.rxConfirmationMessage = `

By checking this box, I confirm that the prescription values entered above are taken from a valid, not expired, prescription issued to me that is signed by a licensed optometrist or ophthalmologist.

` // --- END --- Add checkbox to confirm prescription proceeding // Run functions on certain steps document.addEventListener('LensAdvizor:render:uploadForm', function(){ if (document.querySelectorAll('.la-rx-verify').length == 0){ document.querySelector('.la-prescription-wrapper').insertAdjacentHTML("beforeend",LensAdvizor.rxConfirmationMessage) LensAdvizor.customPDTooltip() } }) document.addEventListener('LensAdvizor:render:manualEntryForm', function(){ if (document.querySelectorAll('.la-rx-verify').length == 0){ document.querySelector('[data-form=manually] .la-upload-wrapper').insertAdjacentHTML("afterend", LensAdvizor.rxConfirmationMessage) LensAdvizor.customPDTooltip() } }) document.addEventListener('LensAdvizor:render:readingForm', function(){ if (document.querySelectorAll('.la-rx-verify').length == 0){ document.querySelector('.la-prescription-wrapper').insertAdjacentHTML("beforeend",LensAdvizor.rxConfirmationMessage) } }) LensAdvizor.renderCustomAddOnText = function() { LensAdvizor.customAddOnText = `

Premium Lens Add-Ons

${ LensAdvizor.getToolTipLayout({ "title":"Vector Optical Coating", "content": "This proprietary multi-layer coating is applied to each lens to block harmful reflected light and ‘bounce-back’ glare from entering your eye from behind. VECTOR™ reduces eye-strain and improves visual acuity with the added benefit of built-in hydrophobic, anti-static, and scratch-resistant properties." }) }

Vector Optical Coating

Stops harmful glare from behind

INCLUDED

${ LensAdvizor.getToolTipLayout({ "title":"Blue Wave Technology", "content": "With Blue Wave™ technology, each SkyTec™ lens reduces eye strain, improves sleep patterns and increases overall visual acuity. Our lenses protect your eyes from potentially harmful ‘blue’ and High Energy Visible (HEV) light, that can potentially cause macular degeneration and eye damage." }) }

Blue Wave Technology

Filters damaging ‘blue light’ to preserve eye healthy.

INCLUDED

${ LensAdvizor.getToolTipLayout({ "title":"Oleophobic and Hydrophobic Coatings", "content": "A cut above the rest, our Hydrophobic coatings are applied to the outside of Randolph lenses to stop water from sitting on the lens - instead it quickly rolls off without leaving residue. Randolph’s Oleophobic coating helps the lenses to stay clean, clear and smudge free. Resists oil from being absorbed on the lens and creating smudges, such as finger prints." }) }

Oleophobic and Hydrophobic Coatings

Enables moisture to roll off lenses. Finger smudge resistance.

INCLUDED

${ LensAdvizor.getToolTipLayout({ "title":"UVA/UVB Protection", "content": "Our premium lenses act like sunblock for your eyes, helping to block damaging UVA and UVB rays. You wouldn’t go out in the sun all day without protecting your skin, we believe your eyes should be protected in the same way." }) }

UVA/UVB Protection

Effective defense from harmful rays.

INCLUDED

` LensAdvizor.response.lens.metafields.forEach((meta_field) => { if (meta_field.key == "lens_addon_text"){ if (meta_field.value == "show" && document.querySelector('.custom-add-on-text') == undefined){ document.querySelector('.la-prescription-modal .la-choose-prescription-wrapper').insertAdjacentHTML('beforeend', LensAdvizor.customAddOnText) } } }) } document.addEventListener('LensAdvizor:lensOptions:rendered', function(){ LensAdvizor.renderCustomAddOnText() }) document.addEventListener('LensAdvizor:review:rendered', function(){ LensAdvizor.renderCustomAddOnText() }) window.dataLayer = window.dataLayer || []; //console.log('Prescription type'); //document.querySelector('#product_form_7277298843788 > div.ProductForm__BuyButtons.lensActive > lensadvizor-quick-buy').addEventListener('click', function() { // dataLayer.push({ // event: 'add_prescription_button_click', // }); // console.log('Add Prescription button clicked'); //}); /*document.addEventListener('LensAdvizor:prescriptionTypeSelected', function() { // Get the selected prescription type var selectedPrescriptionType = document.querySelector('.la-prescription-type.active').getAttribute('data-la-prescription-type'); // Push the event data to the data layer dataLayer.push({ event: 'prescription_type_selected', prescription_type: selectedPrescriptionType }); // Log the event data to the console for debugging console.log('Prescription type selected:', selectedPrescriptionType); }); */ // Testing..................................................................... document.addEventListener('LensAdvizor:init:start', function() { dataLayer.push({ event: 'LensAdvizorInitStart' }); }); document.addEventListener('LensAdvizor:init:complete', function() { dataLayer.push({ event: 'LensAdvizorInitComplete' }); }); document.addEventListener('LensAdvizor:init:error', function() { dataLayer.push({ event: 'LensAdvizorInitError' }); }); document.addEventListener('LensAdvizor:variant:change', function() { dataLayer.push({ event: 'LensAdvizorVariantChange', variant: variant // Replace with the actual variant value }); }); document.addEventListener('LensAdvizor:lensVariant:change', function() { dataLayer.push({ event: 'LensAdvizorLensVariantChange', lensVariant: lensVariant // Replace with the actual lens variant value }); }); document.addEventListener('LensAdvizor:selectLensModal:open', function() { dataLayer.push({ event: 'LensAdvizorSelectLensModalOpen' }); }); document.addEventListener('LensAdvizor:selectLensModal:close', function() { dataLayer.push({ event: 'LensAdvizorSelectLensModalClose' }); }); document.addEventListener('LensAdvizor:prescriptionTypes:rendered', function() { dataLayer.push({ event: 'add_prescription_button_click' }); console.log(event.detail); }); document.addEventListener('LensAdvizor:render:submissionMethods', function(){ dataLayer.push({ event: 'prescription_type_selected', prescription_type: LensAdvizor.response.prescriptionType }); dataLayer.push({ event: 'LensAdvizorRenderSubmissionMethods' }); }) document.addEventListener('LensAdvizor:render:contactLens', function() { dataLayer.push({ event: 'LensAdvizorRenderContactLens', contactLens: contactLens // Replace with the actual contact lens information }); }); document.addEventListener('LensAdvizor:render:submissionMethods', function() { dataLayer.push({ event: 'LensAdvizorRenderSubmissionMethods' //submissionMethods: LensAdvizor.response.submissionMethods // Replace with the actual submission method information }); }); document.addEventListener('LensAdvizor:render:uploadForm', function() { dataLayer.push({ event: 'submission_methods_selected', prescription_type: LensAdvizor.response.prescriptionType, submission_method: LensAdvizor.response.method }); }); document.addEventListener('LensAdvizor:render:readingForm', function() { dataLayer.push({ event: 'LensAdvizorRenderReadingForm' }); }); document.addEventListener('LensAdvizor:render:manualEntryForm', function() { dataLayer.push({ event: 'submission_methods_selected', prescription_type: LensAdvizor.response.prescriptionType, submission_method: LensAdvizor.response.method }); }); document.addEventListener('LensAdvizor:lens:rendered', function() { dataLayer.push({ event: 'LensAdvizorLensRendered' }); }); document.addEventListener('LensAdvizor:lens:rendered', function(e) { dataLayer.push({ event: 'LensAdvizorLensRendered', method: e.detail.method }); if (e.detail.method === 'renderLensGroup') { // Handle renderLensGroup event } else if (e.detail.method === 'renderLenses') { // Handle renderLenses event } }); document.addEventListener('LensAdvizor:lensOptions:rendered', function() { dataLayer.push({ event: 'LensAdvizorLensOptionsRendered' }); }); document.addEventListener('LensAdvizor:lensOption1:rendered', function() { dataLayer.push({ event: 'submission_methods_selected', prescription_type: LensAdvizor.response.prescriptionType, submission_method: LensAdvizor.response.method }); }); document.addEventListener('LensAdvizor:lensOption2:rendered', function() { dataLayer.push({ event: 'LensAdvizorLensOption2Rendered', prescription_type: LensAdvizor.response.prescriptionType, submission_method: LensAdvizor.response.method, lens_options_selected: LensAdvizor.response.lensOptionsSelected }); }); document.addEventListener('LensAdvizor:lensOption3:rendered', function() { dataLayer.push({ event: 'LensAdvizorLensOption3Rendered', prescription_type: LensAdvizor.response.prescriptionType, submission_method: LensAdvizor.response.method, lens_variant: LensAdvizor.response.lensVariant, lens_options_selected: LensAdvizor.response.lensOptionsSelected }); }); document.addEventListener('LensAdvizor:addOns:rendered', function() { dataLayer.push({ event: 'LensAdvizorAddOnsRendered' }); }); document.addEventListener('LensAdvizor:review:rendered', function() { dataLayer.push({ event: 'LensAdvizorReviewRendered', prescription_type: LensAdvizor.response.prescriptionType, submission_method: LensAdvizor.response.method, lens_variant: LensAdvizor.response.lensVariant, lens_options_selected: LensAdvizor.response.lensOptionsSelected }); }); document.addEventListener('LensAdvizor:action:exception', function() { dataLayer.push({ event: 'LensAdvizorActionException' }); }); document.addEventListener('LensAdvizor:addToCart:success', function() { dataLayer.push({ event: 'LensAdvizorAddToCartSuccess', prescription_type: LensAdvizor.response.prescriptionType }); }); document.addEventListener('LensAdvizor:addToCart:error', function() { dataLayer.push({ event: 'LensAdvizorAddToCartError' }); }); document.addEventListener('LensAdvizor:prescription:updated', function() { dataLayer.push({ event: 'LensAdvizorPrescriptionUpdated', prescription_type: LensAdvizor.response.prescriptionType, submission_method: LensAdvizor.response.method, lens_variant: LensAdvizor.response.lensVariant, lens_options_selected: LensAdvizor.response.lensOptionsSelected }); }); document.addEventListener('LensAdvizor:toolTip:open', function() { dataLayer.push({ event: 'LensAdvizorToolTipOpen' }); }); document.addEventListener('LensAdvizor:Cart:Stable', function() { dataLayer.push({ event: 'LensAdvizorCartStable' }); }); document.addEventListener('LensAdvizor:Cart:Updated', function() { dataLayer.push({ event: 'LensAdvizorCartUpdated' }); }); // Testing ends.................................................

Leave a comment

SUBSCRIBE TO RANDOLPH