// Check if the title includes text on the left. If yes, make the title text on the right. // Text on the right will be translated using Translation if available. LensAdvizor.optionTitleChange = { "Välj Hur ska du använda dina glasögon?": "Hur ska du använda dina glasögon?", "Välj Hur ska du använda dina solglasögon?": "Hur ska du använda dina solglasögon?", "Välj Färg": "Välj färg", "Välj Behandling": "Välj typ av solglas", "Välj Index": "Välj Index", "Select How will you use your glasses?": "How will you use your glasses?", "Select Color": "Select color", "Choose Your Lenses": "Choose your lenses", "Select Type": "Select type of sun lenses", "Select How will you use your sunglasses?": "How will you use your sunglasses?", "Välj Polarisering för Enkelslipade solglas - 85% mörkhetsgrad":"Välj behandling", "Välj behandling":"Välj toning", "Välj Vilken typ av båge har du? för Enkelslipade glas - ofärgade": "Vilken typ av båge har du?", "Välj Vilken typ av båge har du? för Enkelslipade glas - blåljusfiltrerande": "Vilken typ av båge har du?", "Välj Vilken typ av båge har du? för Enkelslipade solglas - ej polariserade": "Vilken typ av båge har du?", "Välj Vilken typ av båge har du? för Enkelslipade solglas - polariserade": "Vilken typ av båge har du?", "Välj Vilken typ av båge har du? för Enkelslipade glas - 12% heltoning": "Vilken typ av båge har du?", "Välj Vilken typ av båge har du? för Enkelslipade glas - 20% heltoning": "Vilken typ av båge har du?", "Välj Vilken typ av båge har du? för Enkelslipade glas - 65% heltoning": "Vilken typ av båge har du?", "Välj Vilken typ av båge har du? för Enkelslipade glas - gradal toning 25-10": "Vilken typ av båge har du?", "Välj Vilken typ av båge har du? för Enkelslipade glas - gradal toning 75-10": "Vilken typ av båge har du?", "Välj Vilken typ av båge har du? för Enkelslipade glas - gradal toning 85-40": "Vilken typ av båge har du?", "Välj Vilken typ av båge har du? för Enkelslipade färgskiftande glas - svarta": "Vilken typ av båge har du?", "Välj Vilken typ av båge har du? för Enkelslipade färgskiftande glas - gröna": "Vilken typ av båge har du?", "Välj Vilken typ av båge har du? för Enkelslipade färgskiftande glas - bruna": "Vilken typ av båge har du?", "Välj Vilken typ av båge har du? för Enkelslipade färgskiftande glas - blåa": "Vilken typ av båge har du?", "Välj Vilken typ av båge har du? för Progressiva glas - ofärgade": "Vilken typ av båge har du?", "Välj Vilken typ av båge har du? för Progressiva glas - blåljusfiltrerande": "Vilken typ av båge har du?", "Välj Vilken typ av båge har du? för Progressiva solglas - ej polariserade": "Vilken typ av båge har du?", "Välj Vilken typ av båge har du? för Progressiva solglas - polariserade": "Vilken typ av båge har du?", "Välj Vilken typ av båge har du? för Progressiva glas - 12% heltoning": "Vilken typ av båge har du?", "Välj Vilken typ av båge har du? för Progressiva glas - 20% heltoning": "Vilken typ av båge har du?", "Välj Vilken typ av båge har du? för Progressiva glas - 65% heltoning": "Vilken typ av båge har du?", "Välj Vilken typ av båge har du? för Progressiva glas - gradal toning 25-10": "Vilken typ av båge har du?", "Välj Vilken typ av båge har du? för Progressiva glas - gradal toning 75-10": "Vilken typ av båge har du?", "Välj Vilken typ av båge har du? för Progressiva glas - gradal toning 85-40": "Vilken typ av båge har du?", "Välj Vilken typ av båge har du? för Progressiva färgskiftande glas - svarta": "Vilken typ av båge har du?", "Välj Vilken typ av båge har du? för Progressiva färgskiftande glas - gröna": "Vilken typ av båge har du?", "Välj Vilken typ av båge har du? för Progressiva färgskiftande glas - bruna": "Vilken typ av båge har du?", "Välj Vilken typ av båge har du? för Progressiva färgskiftande glas - blåa": "Vilken typ av båge har du?", "Välj Vilken typ av båge har du? för Glas utan styrka - ofärgade": "Vilken typ av båge har du?", "Välj Vilken typ av båge har du? för Glas utan styrka - blåljusfiltrerande": "Vilken typ av båge har du?", "Välj Vilken typ av båge har du? för Solglas utan styrka - ej polariserade": "Vilken typ av båge har du?", "Välj Vilken typ av båge har du? för Solglas utan styrka - polariserade": "Vilken typ av båge har du?", "Välj Vilken typ av båge har du? för Glas utan styrka - 12% heltoning": "Vilken typ av båge har du?", "Välj Vilken typ av båge har du? för Glas utan styrka - 20% heltoning": "Vilken typ av båge har du?", "Välj Vilken typ av båge har du? för Glas utan styrka - 65% heltoning": "Vilken typ av båge har du?", "Välj Vilken typ av båge har du? för Glas utan styrka - gradal toning 25-10": "Vilken typ av båge har du?", "Välj Vilken typ av båge har du? för Glas utan styrka - gradal toning 75-10": "Vilken typ av båge har du?", "Välj Vilken typ av båge har du? för Glas utan styrka - gradal toning 85-40": "Vilken typ av båge har du?", "Välj Vilken typ av båge har du? för Färgskiftande glas utan styrka - svarta": "Vilken typ av båge har du?", "Välj Vilken typ av båge har du? för Färgskiftande glas utan styrka - gröna": "Vilken typ av båge har du?", "Välj Vilken typ av båge har du? för Färgskiftande glas utan styrka - bruna": "Vilken typ av båge har du?", "Välj Vilken typ av båge har du? för Färgskiftande glas utan styrka - blåa": "Vilken typ av båge har du?", "Välj Vilken typ av båge har du? för Enkelslipade terminalglas - ofärgade": "Vilken typ av båge har du?", "Välj Vilken typ av båge har du? för Enkelslipade terminalglas - blåljusfiltrerande": "Vilken typ av båge har du?", "Select What type of frame do you have? for Single-vision lenses - clear": "Which type of frame do you have?", "Select What type of frame do you have? for Single-vision lenses - blue light filtering": "Which type of frame do you have?", "Select What type of frame do you have? for Single vision sunglass lenses - non-polarized": "Which type of frame do you have?", "Select What type of frame do you have? for Single vision sunglass lenses - polarized": "Which type of frame do you have?", "Select What type of frame do you have? for Single vision lenses - 12% solid tint": "Which type of frame do you have?", "Select What type of frame do you have? for Single vision lenses - 20% solid tint": "Which type of frame do you have?", "Select What type of frame do you have? for Single vision lenses - 65% solid tint": "Which type of frame do you have?", "Select What type of frame do you have? for Single vision lenses - 25–10% gradient tint": "Which type of frame do you have?", "Select What type of frame do you have? for Single vision lenses - 75–10% gradient tint": "Which type of frame do you have?", "Select What type of frame do you have? for Single vision lenses - 85–40% gradient tint": "Which type of frame do you have?", "Select What type of frame do you have? for Single vision photochromic lenses - black": "Which type of frame do you have?", "Select What type of frame do you have? for Single vision photochromic lenses - green": "Which type of frame do you have?", "Select What type of frame do you have? for Single vision photochromic lenses - brown": "Which type of frame do you have?", "Select What type of frame do you have? for Single vision photochromic lenses - blue": "Which type of frame do you have?", "Select What type of frame do you have? for Progressive lenses - clear": "Which type of frame do you have?", "Select What type of frame do you have? for Progressive lenses - blue light filter": "Which type of frame do you have?", "Select What type of frame do you have? for Progressive sunglass lenses - non-polarized": "Which type of frame do you have?", "Select What type of frame do you have? for Progressive sunglass lenses - polarized": "Which type of frame do you have?", "Select What type of frame do you have? for Progressive lenses - 12% solid tint": "Which type of frame do you have?", "Select What type of frame do you have? for Progressive lenses - 20% solid tint": "Which type of frame do you have?", "Select What type of frame do you have? for Progressive lenses - 65% solid tint": "Which type of frame do you have?", "Select What type of frame do you have? for Progressive lenses - 25–10% gradient tint": "Which type of frame do you have?", "Select What type of frame do you have? for Progressive lenses - 75–10% gradient tint": "Which type of frame do you have?", "Select What type of frame do you have? for Progressive lenses - 85–40% gradient tint": "Which type of frame do you have?", "Select What type of frame do you have? for Progressive photochromic lenses - black": "Which type of frame do you have?", "Select What type of frame do you have? for Progressive photochromic lenses - green": "Which type of frame do you have?", "Select What type of frame do you have? for Progressive photochromic lenses - brown": "Which type of frame do you have?", "Select What type of frame do you have? for Progressive photochromic lenses - blue": "Which type of frame do you have?", "Select What type of frame do you have? for Non-prescription lenses - clear": "Which type of frame do you have?", "Select What type of frame do you have? for Non-prescription lenses - blue light filter": "Which type of frame do you have?", "Select What type of frame do you have? for Non-prescription sunglass lenses - non-polarized": "Which type of frame do you have?", "Select What type of frame do you have? for Non-prescription sunglass lenses - polarized": "Which type of frame do you have?", "Select What type of frame do you have? for Non-prescription lenses - 12% solid tint": "Which type of frame do you have?", "Select What type of frame do you have? for Non-prescription lenses - 20% solid tint": "Which type of frame do you have?", "Select What type of frame do you have? for Non-prescription lenses - 65% solid tint": "Which type of frame do you have?", "Select What type of frame do you have? for Non-prescription lenses - 25–10% gradient tint": "Which type of frame do you have?", "Select What type of frame do you have? for Non-prescription lenses - 75–10% gradient tint": "Which type of frame do you have?", "Select What type of frame do you have? for Non-prescription lenses - 85–40% gradient tint": "Which type of frame do you have?", "Select What type of frame do you have? for Non-prescription photochromic lenses - black": "Which type of frame do you have?", "Select What type of frame do you have? for Non-prescription photochromic lenses - green": "Which type of frame do you have?", "Select What type of frame do you have? for Non-prescription photochromic lenses - brown": "Which type of frame do you have?", "Select What type of frame do you have? for Non-prescription photochromic lenses - blue": "Which type of frame do you have?", "Select What type of frame do you have? for Single vision computer lenses - blue light filter": "Which type of frame do you have?", "Select What type of frame do you have? for Single vision computer lenses - clear": "Which type of frame do you have?", "Select Vilken typ av båge har du? for Single vision computer lenses - clear":"Which type of frame do you have?", "Välj Option 1 för Glas utan styrka - gradal toning 25-10":"Välj färg", "Choose Lens Group":"Choose lens group", "Välj Vill du ha polerade kanter? för Enkelslipade glas - ofärgade": "Vill du ha polerade glaskanter?", "Välj Vill du ha polerade kanter? för Enkelslipade glas - blåljusfiltrerande": "Vill du ha polerade glaskanter?", "Välj Vill du ha polerade kanter? för Enkelslipade solglas - ej polariserade": "Vill du ha polerade glaskanter?", "Välj Vill du ha polerade kanter? för Enkelslipade solglas - polariserade": "Vill du ha polerade glaskanter?", "Välj Vill du ha polerade kanter? för Enkelslipade glas - 12% heltoning": "Vill du ha polerade glaskanter?", "Välj Vill du ha polerade kanter? för Enkelslipade glas - 20% heltoning": "Vill du ha polerade glaskanter?", "Välj Vill du ha polerade kanter? för Enkelslipade glas - 65% heltoning": "Vill du ha polerade glaskanter?", "Välj Vill du ha polerade kanter? för Enkelslipade glas - gradal toning 25-10": "Vill du ha polerade glaskanter?", "Välj Vill du ha polerade kanter? för Enkelslipade glas - gradal toning 75-10": "Vill du ha polerade glaskanter?", "Välj Vill du ha polerade kanter? för Enkelslipade glas - gradal toning 85-40": "Vill du ha polerade glaskanter?", "Välj Vill du ha polerade kanter? för Enkelslipade färgskiftande glas - svarta": "Vill du ha polerade glaskanter?", "Välj Vill du ha polerade kanter? för Enkelslipade färgskiftande glas - gröna": "Vill du ha polerade glaskanter?", "Välj Vill du ha polerade kanter? för Enkelslipade färgskiftande glas - bruna": "Vill du ha polerade glaskanter?", "Välj Vill du ha polerade kanter? för Enkelslipade färgskiftande glas - blåa": "Vill du ha polerade glaskanter?", "Välj Vill du ha polerade kanter? för Progressiva glas - ofärgade": "Vill du ha polerade glaskanter?", "Välj Vill du ha polerade kanter? för Progressiva glas - blåljusfiltrerande": "Vill du ha polerade glaskanter?", "Välj Vill du ha polerade kanter? för Progressiva solglas - ej polariserade": "Vill du ha polerade glaskanter?", "Välj Vill du ha polerade kanter? för Progressiva solglas - polariserade": "Vill du ha polerade glaskanter?", "Välj Vill du ha polerade kanter? för Progressiva glas - 12% heltoning": "Vill du ha polerade glaskanter?", "Välj Vill du ha polerade kanter? för Progressiva glas - 20% heltoning": "Vill du ha polerade glaskanter?", "Välj Vill du ha polerade kanter? för Progressiva glas - 65% heltoning": "Vill du ha polerade glaskanter?", "Välj Vill du ha polerade kanter? för Progressiva glas - gradal toning 25-10": "Vill du ha polerade glaskanter?", "Välj Vill du ha polerade kanter? för Progressiva glas - gradal toning 75-10": "Vill du ha polerade glaskanter?", "Välj Vill du ha polerade kanter? för Progressiva glas - gradal toning 85-40": "Vill du ha polerade glaskanter?", "Välj Vill du ha polerade kanter? för Progressiva färgskiftande glas - svarta": "Vill du ha polerade glaskanter?", "Välj Vill du ha polerade kanter? för Progressiva färgskiftande glas - gröna": "Vill du ha polerade glaskanter?", "Välj Vill du ha polerade kanter? för Progressiva färgskiftande glas - bruna": "Vill du ha polerade glaskanter?", "Välj Vill du ha polerade kanter? för Progressiva färgskiftande glas - blåa": "Vill du ha polerade glaskanter?", "Välj Vill du ha polerade kanter? för Glas utan styrka - ofärgade": "Vill du ha polerade glaskanter?", "Välj Vill du ha polerade kanter? för Glas utan styrka - blåljusfiltrerande": "Vill du ha polerade glaskanter?", "Välj Vill du ha polerade kanter? för Solglas utan styrka - ej polariserade": "Vill du ha polerade glaskanter?", "Välj Vill du ha polerade kanter? för Solglas utan styrka - polariserade": "Vill du ha polerade glaskanter?", "Välj Vill du ha polerade kanter? för Glas utan styrka - 12% heltoning": "Vill du ha polerade glaskanter?", "Välj Vill du ha polerade kanter? för Glas utan styrka - 20% heltoning": "Vill du ha polerade glaskanter?", "Välj Vill du ha polerade kanter? för Glas utan styrka - 65% heltoning": "Vill du ha polerade glaskanter?", "Välj Vill du ha polerade kanter? för Glas utan styrka - gradal toning 25-10": "Vill du ha polerade glaskanter?", "Välj Vill du ha polerade kanter? för Glas utan styrka - gradal toning 75-10": "Vill du ha polerade glaskanter?", "Välj Vill du ha polerade kanter? för Glas utan styrka - gradal toning 85-40": "Vill du ha polerade glaskanter?", "Välj Vill du ha polerade kanter? för Färgskiftande glas utan styrka - svarta": "Vill du ha polerade glaskanter?", "Välj Vill du ha polerade kanter? för Färgskiftande glas utan styrka - gröna": "Vill du ha polerade glaskanter?", "Välj Vill du ha polerade kanter? för Färgskiftande glas utan styrka - bruna": "Vill du ha polerade glaskanter?", "Välj Vill du ha polerade kanter? för Färgskiftande glas utan styrka - blåa": "Vill du ha polerade glaskanter?", "Välj Vill du ha polerade kanter? för Enkelslipade terminalglas - ofärgade": "Vill du ha polerade glaskanter?", "Välj Vill du ha polerade kanter? för Enkelslipade terminalglas - blåljusfiltrerande": "Vill du ha polerade glaskanter?", "Select Vill du ha polerade kanter? for Single-vision lenses - clear": "Do you want polished lens edges?", "Select Vill du ha polerade kanter? for Single-vision lenses - blue light filter": "Do you want polished lens edges?", "Select Vill du ha polerade kanter? for Single vision sunglass lenses - non-polarized": "Do you want polished lens edges?", "Select Vill du ha polerade kanter? for Single vision sunglass lenses - polarized": "Do you want polished lens edges?", "Select Vill du ha polerade kanter? for Single vision lenses - 12% solid tint": "Do you want polished lens edges?", "Select Vill du ha polerade kanter? for Single vision lenses - 20% solid tint": "Do you want polished lens edges?", "Select Vill du ha polerade kanter? for Single vision lenses - 65% solid tint": "Do you want polished lens edges?", "Select Vill du ha polerade kanter? for Single vision lenses - 25-10% gradient tint": "Do you want polished lens edges?", "Select Vill du ha polerade kanter? for Single vision lenses - 75–10% gradient tint": "Do you want polished lens edges?", "Select Vill du ha polerade kanter? for Single vision lenses - 85–40% gradient tint": "Do you want polished lens edges?", "Select Vill du ha polerade kanter? for Single vision photochromic lenses - black": "Do you want polished lens edges?", "Select Vill du ha polerade kanter? for Single vision photochromic lenses - green": "Do you want polished lens edges?", "Select Vill du ha polerade kanter? for Single vision photochromic lenses - brown": "Do you want polished lens edges?", "Select Vill du ha polerade kanter? for Single vision photochromic lenses - blue": "Do you want polished lens edges?", "Select Vill du ha polerade kanter? for Progressive lenses - clear": "Do you want polished lens edges?", "Select Vill du ha polerade kanter? for Progressive lenses - blue light filter": "Do you want polished lens edges?", "Select Vill du ha polerade kanter? for Progressive sunglass lenses - non-polarized": "Do you want polished lens edges?", "Select Vill du ha polerade kanter? for Progressive sunglass lenses - polarized": "Do you want polished lens edges?", "Select Vill du ha polerade kanter? for Progressive lenses - 12% solid tint": "Do you want polished lens edges?", "Select Vill du ha polerade kanter? for Progressive lenses - 20% solid tint": "Do you want polished lens edges?", "Select Vill du ha polerade kanter? for Progressive lenses - 65% solid tint": "Do you want polished lens edges?", "Select Vill du ha polerade kanter? for Progressive lenses - 25-10% gradient tint": "Do you want polished lens edges?", "Select Vill du ha polerade kanter? for Progressive lenses - 75–10% gradient tint": "Do you want polished lens edges?", "Select Vill du ha polerade kanter? for Progressive lenses - 85–40% gradient tint": "Do you want polished lens edges?", "Select Vill du ha polerade kanter? for Progressive photochromic lenses - black": "Do you want polished lens edges?", "Select Vill du ha polerade kanter? for Progressive photochromic lenses - green": "Do you want polished lens edges?", "Select Vill du ha polerade kanter? for Progressive photochromic lenses - brown": "Do you want polished lens edges?", "Select Vill du ha polerade kanter? for Progressive photochromic lenses - blue": "Do you want polished lens edges?", "Select Vill du ha polerade kanter? for Non-prescription lenses - clear": "Do you want polished lens edges?", "Select Vill du ha polerade kanter? for Non-prescription lenses - blue light filter": "Do you want polished lens edges?", "Select Vill du ha polerade kanter? for Non-prescription sunglass lenses - non-polarized": "Do you want polished lens edges?", "Select Vill du ha polerade kanter? for Non-prescription sunglass lenses - polarized": "Do you want polished lens edges?", "Select Vill du ha polerade kanter? for Non-prescription lenses - 12% solid tint": "Do you want polished lens edges?", "Select Vill du ha polerade kanter? for Non-prescription lenses - 20% solid tint": "Do you want polished lens edges?", "Select Vill du ha polerade kanter? for Non-prescription lenses - 65% solid tint": "Do you want polished lens edges?", "Select Vill du ha polerade kanter? for Non-prescription lenses - 25-10% gradient tint": "Do you want polished lens edges?", "Select Vill du ha polerade kanter? for Non-prescription lenses - 75-10% gradient tint": "Do you want polished lens edges?", "Select Vill du ha polerade kanter? for Non-prescription lenses - 85-40% gradient tint": "Do you want polished lens edges?", "Select Vill du ha polerade kanter? for Non-prescription photochromic lenses - black": "Do you want polished lens edges?", "Select Vill du ha polerade kanter? for Non-prescription photochromic lenses - green": "Do you want polished lens edges?", "Select Vill du ha polerade kanter? for Non-prescription photochromic lenses - brown": "Do you want polished lens edges?", "Select Vill du ha polerade kanter? for Non-prescription photochromic lenses - blue": "Do you want polished lens edges?", } // document.addEventListener('LensAdvizor:lensOptions:rendered', function(){ // currentOptionTitle = document.querySelector('#la_prescriptionSelect_title').innerHTML // for (let titleKey in LensAdvizor.optionTitleChange){ // if(currentOptionTitle.includes(titleKey)){ // document.querySelector('#la_prescriptionSelect_title').innerHTML = LensAdvizor.Translation.getTranslatedText(LensAdvizor.optionTitleChange[titleKey]) // } // } // }) // // Translate the button text based on the translation JSON // document.addEventListener('LensAdvizor:init-quick-buy:complete', function(){ // LensAdvizor.quickBuyButtons.forEach((button) => { // button.innerHTML = LensAdvizor.Translation.getTranslatedText(button.innerHTML) // }) // }) // document.addEventListener('LensAdvizor:lensOptions:rendered', function(){ // currentOptionTitle = document.querySelector('#la_prescriptionSelect_title').innerHTML // trimmedTitle = currentOptionTitle.trim() // Remove leading/trailing whitespace // // Debug: Log the current title to see what we're trying to match // // console.log('Current option title:', currentOptionTitle) // // console.log('Trimmed title:', trimmedTitle) // // Special handling for computer glasses - direct replacement // if (trimmedTitle.includes('Single vision computer lenses')) { // // console.log('Computer glasses detected - applying direct translation') // document.querySelector('#la_prescriptionSelect_title').innerHTML =LensAdvizor.Translation.getTranslatedText("Which type of frame do you have?") // return; // } // // Check for exact matches with trimmed title // for (let titleKey in LensAdvizor.optionTitleChange){ // if(trimmedTitle === titleKey || currentOptionTitle === titleKey){ // // console.log('found EXACT match:', titleKey) // // console.log('Translating to:', LensAdvizor.optionTitleChange[titleKey]) // document.querySelector('#la_prescriptionSelect_title').innerHTML = LensAdvizor.Translation.getTranslatedText(LensAdvizor.optionTitleChange[titleKey]) // return; // Exit after first match // } // } // // Try includes match as backup // for (let titleKey in LensAdvizor.optionTitleChange){ // if(trimmedTitle.includes(titleKey) || currentOptionTitle.includes(titleKey)){ // // console.log('found includes match:', titleKey) // // console.log('Translating to:', LensAdvizor.optionTitleChange[titleKey]) // document.querySelector('#la_prescriptionSelect_title').innerHTML = LensAdvizor.Translation.getTranslatedText(LensAdvizor.optionTitleChange[titleKey]) // return; // Exit after first match // } // } // // If no exact match found, log for debugging // // console.log('No translation found for:', currentOptionTitle) // }) // // Translate the button text based on the translation JSON // document.addEventListener('LensAdvizor:init-quick-buy:complete', function(){ // LensAdvizor.quickBuyButtons.forEach((button) => { // button.innerHTML = LensAdvizor.Translation.getTranslatedText(button.innerHTML) // }) // }) document.addEventListener('LensAdvizor:lensOptions:rendered', function(){ currentOptionTitle = document.querySelector('#la_prescriptionSelect_title').innerHTML trimmedTitle = currentOptionTitle.trim() // --- Polished lens edges step detection --- var cards = document.querySelectorAll('.la-prescription-modal .la-label-title') var isPolishedEdgesStep = false cards.forEach(function(card){ if (card.textContent.includes('Polished lens edges')) { isPolishedEdgesStep = true } }) if (isPolishedEdgesStep) { document.querySelector('#la_prescriptionSelect_title').innerHTML = LensAdvizor.Translation.getTranslatedText("Do you want polished lens edges?") return } // --- End polished lens edges --- // Special handling for computer glasses - direct replacement if (trimmedTitle.includes('Single vision computer lenses')) { document.querySelector('#la_prescriptionSelect_title').innerHTML = LensAdvizor.Translation.getTranslatedText("Which type of frame do you have?") return } // Check for exact matches with trimmed title for (let titleKey in LensAdvizor.optionTitleChange){ if(trimmedTitle === titleKey || currentOptionTitle === titleKey){ document.querySelector('#la_prescriptionSelect_title').innerHTML = LensAdvizor.Translation.getTranslatedText(LensAdvizor.optionTitleChange[titleKey]) return } } // Try includes match as backup for (let titleKey in LensAdvizor.optionTitleChange){ if(trimmedTitle.includes(titleKey) || currentOptionTitle.includes(titleKey)){ document.querySelector('#la_prescriptionSelect_title').innerHTML = LensAdvizor.Translation.getTranslatedText(LensAdvizor.optionTitleChange[titleKey]) return } } }) // Translate the button text based on the translation JSON document.addEventListener('LensAdvizor:init-quick-buy:complete', function(){ LensAdvizor.quickBuyButtons.forEach((button) => { button.innerHTML = LensAdvizor.Translation.getTranslatedText(button.innerHTML) }) }) //---------------------------------- Lens type & Lens group description display Start ----------------------------------- document.addEventListener('LensAdvizor:lens:rendered', function(e) { // Always clean up first const existingPrescription = document.querySelector('#prescription-type-description') const existingLensType = document.querySelector('#lens-type-description') if (existingPrescription) existingPrescription.remove() if (existingLensType) existingLensType.remove() if (e.detail.method == 'renderLensGroup') { // Show prescription type description const prescriptionType = LensAdvizor.response.selectedPrescriptionType const prescriptionMetafield = prescriptionType?.metafields?.find(mf => mf.key === '_extra_lens_group_title') if (prescriptionMetafield?.value) { const translatedText = LensAdvizor.Translation.getTranslatedText(prescriptionMetafield.value) const html = `

${translatedText}

` document.querySelector('#la_prescriptionSelect_title').insertAdjacentHTML('afterEnd', html) } } if (e.detail.method == 'renderLenses') { // For Terminalglas prescription type, show prescription description const prescriptionType = LensAdvizor.response.selectedPrescriptionType if (prescriptionType.title === 'Terminalglas') { const prescriptionMetafield = prescriptionType?.metafields?.find(mf => mf.key === '_extra_lens_group_title') if (prescriptionMetafield?.value) { const translatedText = LensAdvizor.Translation.getTranslatedText(prescriptionMetafield.value) const html = `

${translatedText}

` document.querySelector('#la_prescriptionSelect_title').insertAdjacentHTML('afterEnd', html) } } // Show lens type description (for all prescription types) const lensGroup = LensAdvizor.lensGroups.find(group => group.group_type === LensAdvizor.response.lensGroupSelected) const lensTypeMetafield = lensGroup?.metafields?.[0] if (lensTypeMetafield?.key === '_extra_lens_type_title' && lensTypeMetafield?.value) { const translatedText = LensAdvizor.Translation.getTranslatedText(lensTypeMetafield.value) const html = `

${translatedText}

` document.querySelector('#la_prescriptionSelect_title').insertAdjacentHTML('afterEnd', html) } } }); //---------------------------------- Lens type & Lens group description display End ----------------------------------- //---------------------------------- Fix for removing the duplication of "Order Notes" in review start----------------- function removeDuplicateLabel() { document.querySelector('label[for="la-order-notes"].sr-only')?.remove(); } document.addEventListener('LensAdvizor:review:rendered', removeDuplicateLabel); document.addEventListener('LensAdvizor:component:DidMount', removeDuplicateLabel); function hideSegmentHeightDuplicateLabels() { var segmentLabels = document.querySelectorAll('.la-segment-height-wrapper label.sr-only[for="la-segment-height"]'); segmentLabels.forEach(function(label) { label.style.position = 'absolute'; label.style.width = '1px'; label.style.height = '1px'; label.style.padding = '0'; label.style.margin = '-1px'; label. style.overflow = 'hidden'; label.style.clip = 'rect(0, 0, 0, 0)'; label.style.whiteSpace = 'nowrap'; label.style.border = '0'; }); } document.addEventListener('LensAdvizor:component:DidMount', function(evt) { if (evt.detail.eventType == "LensAdvizor:render: uploadForm" || evt.detail. eventType == "LensAdvizor:render:manualEntryForm") { hideSegmentHeightDuplicateLabels(); } }); //---------------------------------- Fix for removing the duplication of "Order Notes" in review end----------------- //---------------------------------- Fix for First Screen progressBar Start----------------- document.addEventListener('LensAdvizor:component:DidMount', function(evt) { if (evt.detail.eventType == "LensAdvizor:prescriptionTypes:rendered") { var progressBar = document.querySelector('.la-prescription-modal .la-progress-bar'); if (progressBar) { // Remove the transparent class that hides the bar progressBar.classList.remove('la-transparent-bg'); // Check if the steps list is missing and inject it var stepBar = progressBar.querySelector('.la-step-bar'); if (stepBar && !stepBar.querySelector('.la-steps-list')) { var totalSteps = LensAdvizor.stepCount || 4; var stepsHtml = '

' + '
' + '
' + '

'; stepBar.innerHTML = stepsHtml; } } } }); //---------------------------------- Fix for First Screen progressBar END----------------- //---------------------------------- Hide Gorgias chat widget behind app START ----------------------------------- document.addEventListener('LensAdvizor:selectLensModal:open', function() { document.querySelectorAll('iframe[id*="gorgias"]').forEach(function(el) { el.closest('div').style.display = 'none' }) }) document.addEventListener('LensAdvizor:selectLensModal:close', function() { document.querySelectorAll('iframe[id*="gorgias"]').forEach(function(el) { el.closest('div').style.display = '' }) }) //---------------------------------- Hide Gorgias chat widget behind app END ----------------------------------- //---------------------------------- Swopti GA4 Funnel Tracking ---------------------------------- var valdGlastyp = 'okänd'; document.addEventListener('LensAdvizor:prescriptionTypes:rendered', function() { gtag('event', 'lensadvisor_start', { 'step_name': 'Välj glastyp' }); document.querySelectorAll('.la-label-btn').forEach(el => { el.addEventListener('click', function() { valdGlastyp = this.innerText.split('\n')[0].trim(); }); }); }); document.addEventListener('LensAdvizor:lens:rendered', function() { const rubrik = document.querySelector('.la-prescription-modal .la-wrapper-heading')?.innerText?.split('\n')[0].trim() || 'Välj lins'; gtag('event', 'lensadvisor_step', { 'step_name': rubrik, 'glastyp': valdGlastyp }); }); document.addEventListener('LensAdvizor:lensOptions:rendered', function() { const rubrik = document.querySelector('.la-prescription-modal .la-wrapper-heading')?.innerText?.split('\n')[0].trim() || 'Välj linsalternativ'; gtag('event', 'lensadvisor_step', { 'step_name': rubrik, 'glastyp': valdGlastyp }); }); document.addEventListener('LensAdvizor:addOns:rendered', function() { gtag('event', 'lensadvisor_step', { 'step_name': 'Tillägg', 'glastyp': valdGlastyp }); }); document.addEventListener('LensAdvizor:render:submissionMethods', function() { gtag('event', 'lensadvisor_step', { 'step_name': 'Välj receptmetod', 'glastyp': valdGlastyp }); }); document.addEventListener('LensAdvizor:render:uploadForm', function() { gtag('event', 'lensadvisor_step', { 'step_name': 'Recept uppladdning', 'glastyp': valdGlastyp }); }); document.addEventListener('LensAdvizor:render:manualEntryForm', function() { gtag('event', 'lensadvisor_step', { 'step_name': 'Recept manuellt', 'glastyp': valdGlastyp }); }); document.addEventListener('LensAdvizor:review:rendered', function() { gtag('event', 'lensadvisor_step', { 'step_name': 'Granska val', 'glastyp': valdGlastyp }); }); document.addEventListener('LensAdvizor:addToCart:success', function() { gtag('event', 'lensadvisor_complete', { 'step_name': 'Lagd i varukorg', 'glastyp': valdGlastyp }); }); document.addEventListener('LensAdvizor:addToCart:error', function() { gtag('event', 'lensadvisor_error', { 'step_name': 'Fel vid lägg i varukorg', 'glastyp': valdGlastyp }); }); //---------------------------------- Swopti GA4 Funnel Tracking END ---------------------------------- //---------------------------------- Segment Height Info Tooltip Start ----------------- function addSegHeightInfoIcon() { if (LensAdvizor.response.prescriptionType !== "progressive") return; var wrappers = document.querySelectorAll(".la-segment-height-wrapper"); var target = null; for (var i = 0; i < wrappers.length; i++) { if (wrappers[i].querySelector("#la-segment-height, #la-segment-height-right")) { target = wrappers[i]; break; } } if (!target) return; if (target.querySelector(".la-seg-height-info-icon")) return; var heading = target.querySelector(".la-h6"); if (!heading) return; var selectedPT = LensAdvizor.response.selectedPrescriptionType; if (!selectedPT || !selectedPT.metafields) return; var mf = null; for (var j = 0; j < selectedPT.metafields.length; j++) { if (selectedPT.metafields[j].key === "_seg_height_info") { mf = selectedPT.metafields[j]; break; } } if (!mf || !mf.value) return; heading.style.display = "inline-block"; heading.style.position = "relative"; var icon = document.createElement("span"); icon.className = "la-seg-height-info-icon"; icon.tabIndex = 0; icon.setAttribute("role", "button"); var svg = document.createElementNS("http://www.w3.org/2000/svg", "svg"); svg.setAttribute("width", "18"); svg.setAttribute("height", "18"); svg.setAttribute("viewBox", "0 0 24 24"); svg.setAttribute("fill", "none"); svg.setAttribute("stroke", "currentColor"); svg.setAttribute("stroke-width", "2"); svg.setAttribute("stroke-linecap", "round"); svg.setAttribute("stroke-linejoin", "round"); svg.innerHTML = ""; icon.appendChild(svg); var tip = document.createElement("div"); tip.className = "la-seg-height-info-tooltip"; tip.textContent = LensAdvizor.Translation.getTranslatedText(mf.value); icon.appendChild(tip); heading.appendChild(icon); icon.addEventListener("click", function(e) { e.stopPropagation(); icon.classList.toggle("la-seg-height-info-active"); }); document.addEventListener("click", function(e) { if (!icon.contains(e.target)) { icon.classList.remove("la-seg-height-info-active"); } }); } document.addEventListener("LensAdvizor:component:DidMount", function(evt) { if (evt.detail.eventType == "LensAdvizor:render:uploadForm" || evt.detail.eventType == "LensAdvizor:render:manualEntryForm") { addSegHeightInfoIcon(); } }); //---------------------------------- Segment Height Info Tooltip End ----------------- // ---------- Hide the "Frame" property from review + strip from cart start---------- (function(){ function stripFrameProperty(data){ if (!data || !data.items) return; var translatedKey = null; try { translatedKey = LensAdvizor.Translation.getTranslatedText('Frame'); } catch(e) {} data.items.forEach(function(item){ if (!item.properties) return; delete item.properties['Frame']; if (translatedKey && translatedKey !== 'Frame') { delete item.properties[translatedKey]; } }); } // Patch XMLHttpRequest for any XHR-based /cart/add calls var xhrOpen = XMLHttpRequest.prototype.open; var xhrSend = XMLHttpRequest.prototype.send; XMLHttpRequest.prototype.open = function(method, url){ this._laUrl = url; return xhrOpen.apply(this, arguments); }; XMLHttpRequest.prototype.send = function(body){ if (this._laUrl && this._laUrl.indexOf('/cart/add') !== -1 && body){ try { var data = (typeof body === 'string') ? JSON.parse(body) : body; stripFrameProperty(data); body = (typeof body === 'string') ? JSON.stringify(data) : data; } catch(e){} } return xhrSend.call(this, body); }; // Patch fetch for any fetch-based /cart/add calls var origFetch = window.fetch; window.fetch = function(url, options){ try { var target = (typeof url === 'string') ? url : (url && url.url) || ''; if (target.indexOf('/cart/add') !== -1 && options && options.body){ var data = (typeof options.body === 'string') ? JSON.parse(options.body) : options.body; stripFrameProperty(data); options.body = (typeof options.body === 'string') ? JSON.stringify(data) : data; } } catch(e){} return origFetch.apply(this, arguments); }; })(); function hideFrameLabelInReview() { var frameLabel = 'Frame'; try { frameLabel = LensAdvizor.Translation.getTranslatedText('Frame'); } catch (e) {} document.querySelectorAll('.la-render-review .la-label-description').forEach(function (desc) { for (var node = desc.firstChild; node; node = node.nextSibling) { if (node.nodeType !== Node.TEXT_NODE) continue; var txt = node.textContent; if (txt.indexOf(frameLabel) > -1 || txt.indexOf('Frame') > -1) { var next = node.nextSibling; node.remove(); if (next && next.tagName === 'BR') next.remove(); break; } } }); } document.addEventListener('LensAdvizor:review:rendered', hideFrameLabelInReview); document.addEventListener('LensAdvizor:component:DidMount', function(evt) { if (evt.detail && evt.detail.eventType === 'LensAdvizor:render:review') { hideFrameLabelInReview(); } }); // ---------- Hide the "Frame" property from review + strip from cart End---------- //# sourceURL=la_extrastuff.js

Language

Subscribe to our emails

Let customers speak for us