Problem:
The client is trying to prevent the translation of specific links in the header of their webpage. Despite adding the 'notranslate' class to these links in the HTML, WPML continues to translate them, causing issues with language switching in a multilingual dropdown menu.
Solution:
We recommend implementing one of the following solutions:
1. Use Data Attributes or HTML Comments:
Wrap the anchor tags with an HTML comment or use a data attribute to indicate to WPML that these links should not be translated.
<!--:notranslate--><br /><a href="https://staging.totara.fortyapp.com/es/" class="notranslate">Spanish</a><br /><!--:notranslate-->
2. Custom WPML Filters:
Add custom filters to your theme's functions.php file to exclude specific HTML elements from translation.
function exclude_links_from_translation($content) {<br /> $content = preg_replace('/<a href="https:\/\/staging.totara.fortyapp.com\/es\/">(.*?)<\/a>/', '<a href="https://staging.totara.fortyapp.com/es/" class="notranslate">$1</a>', $content);<br /> return $content;<br />}<br />add_filter('the_content', 'exclude_links_from_translation');3. JavaScript Workaround:
Use JavaScript to dynamically modify the links after the page has loaded to ensure they do not get translated.
document.addEventListener('DOMContentLoaded', function() {<br /> var links = document.querySelectorAll('a.notranslate');<br /> links.forEach(function(link) {<br /> link.href = 'https://staging.totara.fortyapp.com/es/';<br /> });<br />});4. Custom Fields Exclusion:
Ensure that the ACF fields used for the links are set not to be translated in the WPML settings.
If these solutions do not resolve your issue or if the information becomes outdated, we highly recommend checking related known issues at https://wpml.org/known-issues/, verifying the version of the permanent fix, and confirming that you have installed the latest versions of themes and plugins. If the problem persists, please open a new support ticket at WPML support forum.
