WPML + Divi

This thread is resolved. Here is a description of the problem and solution.

Problem:
The client was experiencing issues with some pages showing up blank, except for the header and footer, after installing WPML on a site built with Divi.

Solution:
We initially checked the global_colors_info field under "WPML > Settings > Custom fields translation" and found its translation preference set to "Don't translate", which we initially thought was not the cause of the issue. After running some troubleshooting tools, we were able to deliver the translations correctly, but the page remained empty on the frontend. This suggested that the issue might be related to an invalid format, possibly because of the repeated field. Upon revisiting the site, we found that all translations were working, which led us to inquire if the client had rebuilt the page from scratch or used another method to resolve the issue.
This feedback was:
I downloaded the Divi page as JSON (export). Then I removed the global_colors_info content (inside curly brackets) inside that JSON file. I imported the JSON file back to the page. Then I made a small change in default language and then just verified all the translated pages. Voila!

If you're experiencing a similar issue, we recommend checking the translation preferences for custom fields and running troubleshooting tools. If the problem persists, consider rebuilding the affected pages. Please note that this solution might be outdated or not applicable to your case. We highly recommend checking related known issues, verifying the version of the permanent fix, and confirming that you have installed the latest versions of themes and plugins. If the issue continues, please open a new support ticket with us.

This is the technical support forum for WPML - the multilingual WordPress plugin.

Everyone can read, but only WPML clients can post here. WPML team is replying on the forum 6 days per week, 22 hours per day.

Tagged: ATE, Compatibility

This topic contains 7 replies, has 2 voices.

Last updated by Nicolas V. 1 year, 3 months ago.

Assisted by: Nicolas V..

Author	Posts
February 19, 2024 at 4:13 pm
jonathanK-23	We just installed WPML on our site built with Divi and I'm having problems with a couple of pages show up blank, except for the header and footer.
February 19, 2024 at 5:18 pm
February 20, 2024 at 3:09 pm #15323660
jonathanK-23	Hello, did anyone have a chance to look into this yet?
February 20, 2024 at 5:36 pm #15324253
Nicolas V. Supporter Languages: English (English ) French (Français ) Timezone: America/Lima (GMT-05:00)	Hello, Today I was able to manually upload the SV translation file on your site but the issue is still there. At the end it doesn't seem to be related to the translation itself. I also installed "Yoast duplicate page" and cloned your page to see if it could fix the issue. I noticed that if I open the SV page in Divi, the page is empty. So it doesn't seem to be a cache issue neither. I think it could be a corrupted data or an invalid format on that specific page. Could you please try to recreate that page from scratch and let me know if it works?
February 21, 2024 at 10:10 am #15326796
jonathanK-23	I'll do that, will get back to you once I tried it
February 21, 2024 at 10:41 am #15326978
jonathanK-23	So I found the bug. Divi seems to be injecting hundreds(thousands?) of lines of an attribute called global_colors_info which stops the translation. I've sent a message to Divi now. I think you guys talking with them might also help, I'm happy to share the JSON-file (where I see the attribute repeating) if that would be helpful!
February 21, 2024 at 2:53 pm #15328866
Nicolas V. Supporter Languages: English (English ) French (Français ) Timezone: America/Lima (GMT-05:00)	Hello, Thanks for this feedback. You mentioned this global_colors_info field in our chat. I checked "WPML > Settings > Custom fields translation" at that time and the translation preference is "Don't translate". That's why I thought it wasn't the root cause of the translation not being delivered. After running some troubleshooting tools, I was able to get the translations delivered correctly but the page was still empty on frontend. So the issue could actually be related to an invalid format and in that case it could be because of this repeated field. I visited the site now and all translations are working. Did you rebuild the page from scratch? How did you solve the issue?
February 21, 2024 at 4:03 pm #15329315
jonathanK-23	I downloaded the Divi page as JSON (export). Then I removed the global_colors_info content (inside curly brackets) inside that JSON file. I imported the JSON file back to the page. Then I made a small change in default language and then just verified all the translated pages. Voila!
February 21, 2024 at 8:03 pm #15330353
Nicolas V. Supporter Languages: English (English ) French (Français ) Timezone: America/Lima (GMT-05:00)	Hello, Thanks for sharing that workaround, it could help other clients in this situation. I really hope they can provide you with the root cause behind this.