I'm trying to create a popup only for my english speakers, but the popup is showing in every language. I tried to change elementor_library only to show translated items but I cannot hide the popup in other languages.
Yes, while that workaround works I do agree we can find a " better" way. I would like to add that as a quick workaround, you can also try to use some simple custom CSS and hide it in the secondary languages.
CSS allows you to target a specific language code only: hidden link).
To further investigate I have created a sandbox for us. Please use the link below and reproduce the issue as simple as possible.
So you recommend to hide it with CSS. I replicated the situation in the demo site and create the popup only in spanish. I want to hide it in english in this demo. So the better way will be add this line (in the demo, I added in Customize > Custom CSS):
I would prefer not to load any of the popup, but I understand that Elementor will always load all popups and WPML can't block it based on the language. Is that correct?
I think this would solve the problem. Thanks for your help.
Thanks for the update. I confirm that your CSS is functioning correctly in the sandbox.
On the ES version, the exit pop-up appears, but not on the EN version.
The issue you are experiencing with the pop-up is due to the WPML setting under WPML->Settings->Post Types Translation->My Templates (elementor_library), set by default to "Translatable - use translation if available or fallback to default language."
This results in the Spanish version appearing in both languages when an English version isn't available.
Important Note: This is expected and set that way by our compatibility team which is why the option is "locked"
You have two options apart from the CSS:
Change this setting by unlocking the "lock" icon and selecting either "Do not translate" or "Translatable - only show translated items." This removes the need for CSS.
However, be cautious: a "Locked" setting suggests potential issues upon modification, especially related to Elementor template translations.
Alternatively:
1. Duplicate or translate the template into English in Elementor Templates.
2. Edit this English template.
3. In Elementor, select the container and go to Advanced -> Responsive. Set 'Hide on Desktop', 'Hide on Tablet', and 'Hide on Mobile', then save.
Try these methods and let me know which one works best for you.
The topic ‘[Closed] Elementor native popup appears in all languages even it's not translated’ is closed to new replies.
