[Resolved] woocommerce checkout page buy now button translation

wpml plugins are latest and here you can see all the buy now buttons are translated

I checked each of them and translations are seems correct as well

any other suggestions?

tried the shortcode sadly problem still persisting

new string didnt showup I checked the strings and scanned again same buy now buttons showed on string list.

ok I decided to code a javascript to solve this issue it is so annoying

like you said it is realtime rendering components and it is updating time to time as well realtime changing sometimes must be new woocommrece change

here I solved it like this with custom code checking url lang and chnaging text depending on lang

(function () {
const translations = {
'': 'Jetzt kaufen', // Default: German (no lang prefix)
'en': 'Buy Now',
'fr': 'Acheter',
'it': 'Acquista ora',
'es': 'Comprar ahora'
};

// Get current language from the URL
function getLangFromUrl() {
const path = window.location.pathname;
const langCode = path.split('/')[1];
return translations.hasOwnProperty(langCode) ? langCode : '';
}

const currentLang = getLangFromUrl();
const translatedText = translations[currentLang];

// Function to update all matching buttons (in case multiple or re-rendered)
function updateAllButtons() {
const buttons = document.querySelectorAll('.wc-block-components-checkout-place-order-button__text');
buttons.forEach((btn) => {
if (btn.textContent !== translatedText) {
btn.textContent = translatedText;
}
});
}

// Start observing for DOM changes
function startObserver() {
const observer = new MutationObserver(() => {
updateAllButtons(); // Check and update buttons every time DOM changes
});

observer.observe(document.body, {
childList: true,
subtree: true
});

updateAllButtons(); // Also run initially
}

// Wait for DOM ready
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', startObserver);
} else {
startObserver();
}
})();