Your Pupillary Distance, or PD, is the distance in millimeters (mm) from the center of one pupil to the center of the other. If you don’t know your PD, you can find it using the Find Your PD link.
Have a higher prescription? Please visit your nearest store to talk to one of our eye care experts.
");
// Radio Injected
document.querySelector(".la-prescription-fields-wrapper").insertAdjacentHTML("afterend", "
Don’t know your Pupilary Distance (PD)? Find Your PD
");
/* Learn More Modal */
document.querySelector("#la-tooltip-modal").insertAdjacentHTML("afterend", "
Learn More
But in Spanish Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
");
document.querySelector(".la-prescription-file-label img").insertAdjacentHTML("afterend", "Upload Image");
} else if (document.querySelector('html.js.la-modal-open').lang === "es") {
// spanish
// Need Help
document.querySelector(".la-prescription-fields-wrapper .la-h6").insertAdjacentHTML("beforeend", " ¿NECESITAS AYUDA?");
// Label
document.querySelector("#la-prescription-file").insertAdjacentHTML("afterend", "
Su distancia pupilar, o PD, es la distancia en milímetros (mm) desde el centro de una pupila hasta el centro de la otra. Si no conoce su PD, puede encontrarlo usando el enlace Encuentre su PD.
¿Tiene una prescripción más alta? Para recetas entre lorem, visite su tienda más cercana para hablar con uno de nuestros expertos en cuidado de la vista.
");
// Radio Injected and Find Your PD
document.querySelector(".la-prescription-fields-wrapper").insertAdjacentHTML("afterend", "
");
/* Learn More Modal */
document.querySelector("#la-tooltip-modal").insertAdjacentHTML("afterend", "
Aprende más
But in Spanish Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
");
document.querySelector(".la-prescription-file-label img").insertAdjacentHTML("afterend", "Cargar imagen");
}
const radioSigned = document.querySelector("#la-signed-field-signed");
radioSigned.addEventListener("click", () => {
radioSigned.toggleAttribute("checked");
});
/* make required */
document.querySelector('[name=la-signed-field]').required = true;
/* Modals */
document.querySelector('#learn-modal').onclick = function() {
document.querySelector('#la-tooltip-modal-learn').style.display = "flex";
};
document.querySelector('#la-tooltip-modal-learn .close').onclick = function() {
document.querySelector('#la-tooltip-modal-learn').style.display = "none";
};
// Learn more Modal
document.querySelector('#la-tooltip-modal-learn').addEventListener('click', function(e) {
if (document.querySelector('#la-tooltip-modal-learn').style.display == 'flex') {
if (document.querySelector('.la-tooltip-modal-content').contains(e.target)) {} else {
document.querySelector('#la-tooltip-modal-learn').style.display = "none";
}
}
});
document.querySelector('#pd-modal').onclick = function() {
document.querySelector('#la-tooltip-modal-pd').style.display = "flex";
};
document.querySelector('#la-tooltip-modal-pd .close').onclick = function() {
document.querySelector('#la-tooltip-modal-pd').style.display = "none";
};
// if PD modal open
document.querySelector('#la-tooltip-modal-pd').addEventListener('click', function(e) {
if (document.querySelector('#la-tooltip-modal-pd').style.display == 'flex') {
if (document.querySelector('.la-tooltip-modal-content').contains(e.target)) {} else {
document.querySelector('#la-tooltip-modal-pd').style.display = "none";
}
}
});
// Manual Form View - Fittingbox PD Measurement LensAdvisor Step 2a - PD Measurement Standard - https://codepen.io/Fittingbox/pen/oNJQjNQ
// https://codepen.io/Fittingbox/pen/poqbpMm need to get PD values see this
document.querySelector("#lensadvizor-prescription-modal").insertAdjacentHTML("afterend", "
");
document.querySelector('#laundPD').onclick = function() {
//fitmixInstance.stopVto(); // Stop VTO
// ES Translation only works if users default browsers is set to language
var params_pd = {
apiKey: '2QZuvXpI8wMKlZB8iOOoJ51jqVk5LyVVbPI6wgnf', // Real
widgetUrl: 'https://pd-measurement.fittingbox.com',
};
launchMsrt(); // launches PD Modal Open
if(typeof launchMsrt() === "undefined"){
console.log('Log: Msrt Undefined');
return;
}
function closeMsrt() {
document.querySelector("#msrt-container").style.display = "none";
document.querySelector(".overlay-pd").style.display = "none";
};
function launchMsrt() {
/* Opens Laund PD Popup - MSRT JS */
document.querySelector("#msrt-container").style.display = "block";
document.querySelector(".overlay-pd").style.display = "block";
Msrt.createWidget("msrt-container", {
...params_pd,
onGetResultPd: (result) => console.log("onGetResultPd: ", result),
onTooManyErrors: () => console.log("too many errors"),
onClose: () => closeMsrt(),
});
};
}
}
/* GA Tracking *
/* note figure out only to send once successfull/ no validation errors */
window.dataLayer = window.dataLayer || [];
let form = document.querySelector('#la-prescription-form');
let GA_pagetitle = document.querySelector("h3#la_prescriptionSelect_title").innerHTML;
let GA_stepIndex = LensAdvizor.stepIndex;
let GA_button = document.querySelector(".la-prescription-form-btn");
let GA_text = GA_button.innerHTML;
let visionType = LensAdvizor.response.prescriptionType;
form.addEventListener('submit',(e)=>{
e.preventDefault();
// find inputs, textareas, and selects within the parent
let children = e.target.querySelectorAll('input[required], select[required]');
let findEmpty = Array.from(children).find((element)=>{
if(element.value.length < 1){
return true
}
return false
});
if (findEmpty) {
//alert(findEmpty.name);
} else {
/* prevents duplication clicks - if no error submit form push to GA */
/* GA4 - submit once */
window.dataLayer.push({
"event": "LensAdvizorStep",
"eventCategory": "la-prescription-form-btn",
"eventAction": "Click",
"eventSelectedVisionType": visionType,
"eventLabel": "Step " + GA_stepIndex + ": " + GA_pagetitle,
"eventText": GA_text
});
// console.log("Step " + GA_stepIndex + ": " + GA_pagetitle);
}
});
/* end form view */
function scrollToModalTop() {
const modal = document.querySelector('#lensadvizor-prescription-modal');
if (modal) {
const modalTop = modal.getBoundingClientRect().top + window.scrollY;
window.scrollTo({ top: modalTop, behavior: 'smooth' });
console.log('scroll call', modalTop)
}
}
scrollToModalTop();
document.querySelector(".la-choose-prescription-wrapper").addEventListener("click", (event) => {
affirm.ui.ready(function(){
let getElementPrice = document.querySelector(".la-subtotal-price").innerText;
let getElementPriceFormat = getElementPrice.substring(1).replace('.','');
console.log("click subtotal: " + getElementPriceFormat);
document.querySelector('.AffirmLensAdvisor .affirm-as-low-as').setAttribute('data-amount',getElementPriceFormat);
affirm.ui.refresh();
});
});
});
/* AddOns Views Warranties and Addons View - Event */
document.addEventListener('LensAdvizor:addOns:rendered', function(){
function scrollToModalTop() {
const modal = document.querySelector('#lensadvizor-prescription-modal');
if (modal) {
const modalTop = modal.getBoundingClientRect().top + window.scrollY;
window.scrollTo({ top: modalTop, behavior: 'smooth' });
console.log('scroll call', modalTop)
}
}
// function to call AddOnStep we are not inject js here LensAdvizor.getCurrentAddOnStep();
/** GA Tracking */
window.dataLayer = window.dataLayer || [];
let GA_button = document.querySelector(".la-label-btn");
let GA_pagetitle = document.querySelector("h3#la_prescriptionSelect_title").innerHTML;
let GA_stepIndex = LensAdvizor.stepIndex;
let visionType = LensAdvizor.response.prescriptionType;
GA_button.addEventListener("click", function() {
let GA_text = GA_button.querySelector(".la-label-content-box .la-label-title").innerHTML;
window.dataLayer.push({
"event": "LensAdvizorStep",
"eventCategory": "la-label-btn",
"eventAction": "Click",
"eventSelectedVisionType": visionType,
"eventLabel": "Step " + GA_stepIndex + ": " + GA_pagetitle,
"eventText": GA_text
});
});
let GA_noThanks = document.querySelector(".la-skip-add-on-wrapper .la-skip-add-on");
GA_noThanks.addEventListener("click", function() {
window.dataLayer.push({
"event": "LensAdvizorStep",
"eventCategory": "la-skip-add-on",
"eventAction": "Click",
"eventSelectedVisionType": visionType,
"eventLabel": "Step " + GA_stepIndex + ": " + GA_pagetitle,
"eventText": "No Thanks"
});
});
scrollToModalTop();
document.querySelector(".la-choose-prescription-wrapper").addEventListener("click", (event) => {
affirm.ui.ready(function(){
let getElementPrice = document.querySelector(".la-subtotal-price").innerText;
let getElementPriceFormat = getElementPrice.substring(1).replace('.','');
console.log("click subtotal: " + getElementPriceFormat);
document.querySelector('.AffirmLensAdvisor .affirm-as-low-as').setAttribute('data-amount',getElementPriceFormat);
affirm.ui.refresh();
});
});
});
/* Review/Order Summary View */
document.addEventListener('LensAdvizor:review:rendered', function() {
function scrollToModalTop() {
const modal = document.querySelector('#lensadvizor-prescription-modal');
if (modal) {
const modalTop = modal.getBoundingClientRect().top + window.scrollY;
window.scrollTo({ top: modalTop, behavior: 'smooth' });
console.log('scroll call', modalTop)
}
}
scrollToModalTop();
// tooltip
document.querySelector('.close img').src = 'https://cdn.shopify.com/s/files/1/0675/8085/4507/files/close.png';
document.querySelector(".la-choose-prescription-wrapper").addEventListener("click", (event) => {
affirm.ui.ready(function(){
let getElementPrice = document.querySelector(".la-subtotal-price").innerText;
let getElementPriceFormat = getElementPrice.substring(1).replace('.','');
console.log("click subtotal: " + getElementPriceFormat);
document.querySelector('.AffirmLensAdvisor .affirm-as-low-as').setAttribute('data-amount',getElementPriceFormat);
affirm.ui.refresh();
});
});
});
/* LensAdvisor Settings */ //console.log(LensAdvizor.settings);
/* LensAdvisor Translation settings - https://app.lensadvizor.com/app/translation */
//console.log(LensAdvizor.settings.custom_translationJSON);
/*SVGS - Update global svgs */
//console.log(LensAdvizor.svg);
LensAdvizor.svg.attachment = '';
/* File Upload ICON */
LensAdvizor.svg.upload = '';
/* EDIT ICON */
LensAdvizor.svg.edit = '';
/* EMAIl ICON */
LensAdvizor.svg.email = '';
/* On file ICON */
LensAdvizor.svg.onfile = '';
// /* Stay on PDP Page */
/// /* not needed with LensAdvisors new Cart to Cart Drawer Feature */
// document.addEventListener('LensAdvizor:addToCart:success', function(){
// //console.log('LensAdvisor success');
// })
// // If error
// document.addEventListener('LensAdvizor:addToCart:error', function(){
// //console.log('LensAdvisor error');
// })
// /* Post to Cart or Redirection */
// LensAdvizor.postAddToCart = () => {
// let pdpPage = window.location.href;
// window.location.href = pdpPage;
// console.log('LensAdvisor post to cart');
// }
// function to update cart drawer heading after add to cart request
function calculateTotalQuantity(cartDetails) {
const items = cartDetails.items;
let totalQuantity = 0;
items.forEach(item => {
totalQuantity += parseInt(item.quantity, 10);
});
return totalQuantity;
}
document.addEventListener('LensAdvizor:addToCart:success', function(){
const successObj = event.detail;
if (!successObj) return
const totalQuantity = calculateTotalQuantity(successObj);
const drawerHeading = document.querySelector('.drawer__header .drawer__heading');
const htmlLang = document.querySelector('html.js').lang;
let text;
if (htmlLang === "en") {
if (totalQuantity === 1) {
text = "1 item added to cart";
} else if (totalQuantity > 1) {
text = `${totalQuantity} items added to cart`;
}
} else if (htmlLang === "es") {
if (totalQuantity === 1) {
text = "1 elemento añadido a la cesta";
} else if (totalQuantity > 1) {
text = `${totalQuantity} artículos añadidos al carrito`;
}
}
const eventUpdateHeading = new CustomEvent('updateDrawerHeading', {
detail: { text: text }
});
document.dispatchEvent(eventUpdateHeading);
})
//# sourceURL=la_custom.js
Skip to content
Frame size and fit is determined by the combination of lens width, bridge width and temple length — and typically displayed on the inside of the temples on your frames.
Frame size and fit is determined by the combination of lens width, bridge width and temple length — and typically displayed on the inside of the temples on your frames.
Have a current pair of glasses that fit well?
Use their measurements as a guide for picking your new pair.
What does Universal Fit Mean
Universal Fit frames are designed to fit most face shapes and sizes, and are the most common size with the largest selection available.
Petite Frames
Lens Width: 47–50 mm | Bridge Width: 15–17 mm | Temple Length: 130–135 mm
With more narrow frames and shorter temples, our Petite Fit frames are designed to stay on comfortably without slipping — ideal for anyone with a smaller, more narrow face shape.
Small Frames
Lens Width: 51–53 mm | Bridge Width: 18–20 mm | Temple Length: 140–145 mm
Small Fit frames are designed to fit most slightly smaller face shapes and sizes, and are a common size with a large selection available.
Medium Frames
Lens Width: 54–58 mm | Bridge Width: 20–23 mm | Temple Length: 141–150 mm
The perfect middle ground, Medium Fit frames are designed to fit most face shapes and sizes, and are available in a wide selection of frames.
Wide Frames
Lens Width: 58+ mm | Bridge Width: 23+ mm | Temple Length: 150-155 mm
For anyone with a larger, wider face shape, our Wide Fit frames offer extra room for added comfort without pinching or putting pressure on your nose or temples.
Youth Frames
Lens Width: <45 mm | Bridge Width: <16 mm | Temple Length: 130 mm
Our Youth Frames are made for growing kids and teens and include polycarbonate lenses for extra safety and durability.
SS 418
Frame Measurements
Frame Measurements
57/16/145/33
Frame size and fit is determined by the combination of lens width, bridge width and temple length. Need help finding your ideal frame size?
Frame size and fit is determined by the combination of lens width, bridge width and temple length. Need help finding your ideal frame size?
';
/* File Upload ICON */
LensAdvizor.svg.upload = '';
/* EDIT ICON */
LensAdvizor.svg.edit = '';
/* EMAIl ICON */
LensAdvizor.svg.email = '';
/* On file ICON */
LensAdvizor.svg.onfile = '';
// /* Stay on PDP Page */
/// /* not needed with LensAdvisors new Cart to Cart Drawer Feature */
// document.addEventListener('LensAdvizor:addToCart:success', function(){
// //console.log('LensAdvisor success');
// })
// // If error
// document.addEventListener('LensAdvizor:addToCart:error', function(){
// //console.log('LensAdvisor error');
// })
// /* Post to Cart or Redirection */
// LensAdvizor.postAddToCart = () => {
// let pdpPage = window.location.href;
// window.location.href = pdpPage;
// console.log('LensAdvisor post to cart');
// }
// function to update cart drawer heading after add to cart request
function calculateTotalQuantity(cartDetails) {
const items = cartDetails.items;
let totalQuantity = 0;
items.forEach(item => {
totalQuantity += parseInt(item.quantity, 10);
});
return totalQuantity;
}
document.addEventListener('LensAdvizor:addToCart:success', function(){
const successObj = event.detail;
if (!successObj) return
const totalQuantity = calculateTotalQuantity(successObj);
const drawerHeading = document.querySelector('.drawer__header .drawer__heading');
const htmlLang = document.querySelector('html.js').lang;
let text;
if (htmlLang === "en") {
if (totalQuantity === 1) {
text = "1 item added to cart";
} else if (totalQuantity > 1) {
text = `${totalQuantity} items added to cart`;
}
} else if (htmlLang === "es") {
if (totalQuantity === 1) {
text = "1 elemento añadido a la cesta";
} else if (totalQuantity > 1) {
text = `${totalQuantity} artículos añadidos al carrito`;
}
}
const eventUpdateHeading = new CustomEvent('updateDrawerHeading', {
detail: { text: text }
});
document.dispatchEvent(eventUpdateHeading);
})
//# sourceURL=la_custom.js
