Background of the issue:
My site's homepage is designed with Elementor for the Croatian version, which is the default language. For the English translation of the homepage, I want to use WordPress's block editor. I have set 'WordPress Editor' under 'Translate this Document' settings for the original Croatian homepage. I followed the article from WPML documentation that explains using different translation editors for different pages.
Symptoms:
Elementor is being forced on the English translation of the homepage, causing a broken layout. Despite setting the translation editor to 'WordPress Editor', Elementor editor appears after saving, and the content entered through the block editor is not visible.
Questions:
Any idea what's forcing Elementor here?
This may be a compatibility issue. Please share a screencast for a better understanding of the problem. You can share it via Google Drive or Dropbox. It will also help us a lot in our internal communication.
It's not a compatibility issue, unless it's Elementor/WPML incompatibility because I disabled all the plugins and switched to default WP theme, and the issue still occurs.
Here's the screencast: hidden link
You can see that:
- I disabled all the plugins and themes
- checked the HR homepage (made with elementor) which is fine
- checked the EN homepage (made with elementor) "forcefully"
- edited the EN homepage, reverted to WP block editor, saved changes and the content that was displayed afterwards, was still a copy of HR homepage (elementor) and not the block content that I saved.
- refreshed the EN homepage block editor which then instantly reverted back to elementor.
Thank you for the updates. Please try the following steps after a full site backup and make sure the bug exists or not.
1) Trash the English Homepage
2) Delete the English Homepage from Trash
3) Open the Homepage to edit
4) Choose *WordPress Editor* option for translating the page - hidden link
5) Duplicate the Homepage to English
6) Then make sure you can edit the English homepage as expected
Refer to the following documentation for more details.
Every time I create a translation for an Elementor-based page, and try to switch to Block Editor for the translation, it get's reverted back to Elementor editor.
I followed the documentation link you provided as well, made sure I click "Translate independently" which should remove any syncronization between Croatian and English pages, but even after I did all that, english translation can't be edited with Block Editor.
And this does not apply to homepage only, it's happening for all Elementor-based pages. In my case, the homepage is the only place where I need different editors on each language. For other pages I use either Elementor or block editor, for both translations.
Thank you for the feedback. I have tried to reproduce the issue in a fresh installation on our sandbox site. But it works as expected. Please check the following URLs
Login URL:- hidden link
Page URL:- hidden link
Therefore can you please try to replicate the issue in our sandbox site? Reproducing the bug in a fresh installation will help us a lot in debugging and we can escalate the ticket directly to our developers.
Thank you for the details and for replicating the bug in the sandbox site. I am consulting with our team for an expert opinion and get back to you as soon as possible. Please wait.
I'm just checking in to see if there's any progress with the issue? The ticket was about to be closed because of the inactivity so I'm writing to make sure that doesn't happen.
Thank you for the updates. The ticket has been forwarded to our second-tier team, and we are now looking for possible workarounds in this case. So the ticket will not be closed. Please wait.
We have a workaround for this case. Please try the following steps after a full site backup and let us know your feedback.
1) Add the following code to your functions.php file
2) Remember to replace 123 with the correct translated post ID (For example ID of the French homepage here)
function compsupp7735_remove_elementor_edit_mode($meta_id, $object_id, $meta_key, $_meta_value) {
// Define the specific post ID to check.
$target_post_id = 123; // Replace 123 with the correct post ID.
// Check if this is the specific post.
if ($object_id === $target_post_id) {
// Delete the specific meta field.
delete_post_meta($object_id, '_elementor_edit_mode', null);
}
}
add_action('updated_post_meta', 'compsupp7735_remove_elementor_edit_mode', PHP_INT_MAX, 4);
