Skip Navigation

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

Problem:
The client is unable to display SVG images on the translated pages of their website using WPML. Despite applying a known workaround, the SVG images still do not appear on the translated version of the page.
Solution:
We recommend the following steps to resolve the issue:
1. Add the workaround from the errata to your theme's

functions.php

file. You can find the workaround here: WPML Errata on SVG Support.
2. Update the homepage in the original language by making a minor edit (e.g., adding a space at the end of a paragraph).
3. Update the translation of the homepage by opening it in the Advanced Translation Editor (ATE) and clicking 'Completed', even if no changes are made.
If the SVG images display correctly after these steps, begin reactivating other plugins one at a time or in small groups on your development site to identify any conflicts. Once the issue reappears, note which plugin was last activated as it may be causing the conflict.

If this solution does not resolve your issue or seems outdated, or if it does not apply to your case, 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.

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: 

This topic contains 0 replies, has 2 voices.

Last updated by Lauren 3 weeks, 2 days ago.

Assisted by: Lauren.

Author Posts
November 6, 2024 at 7:44 pm #16374516

bergesY

Background of the issue:
I am trying to display SVG images when using translation. I have already opened an issue, but the fix doesn't work. More details can be found here: https://wpml.org/errata/svg-support-activating-wpml-media-strips-uploads-folders-from-svg-image-url/#comment-9006992. The issue can be seen on this page: hidden link. I expected to see the image here: hidden link.

Symptoms:
Instead of seeing the image, I got no image on the translated page: hidden link.

Questions:
Why is the SVG image not displaying on the translated page?
What steps can I take to resolve the SVG display issue with WPML?

November 6, 2024 at 9:08 pm #16374726

Lauren
Supporter

Languages: English (English )

Timezone: America/New_York (GMT-05:00)

I have escalated this to our compatibililty team and will update here as soon as I have more information.

November 8, 2024 at 1:01 pm #16382065

bergesY

Hello do you have some news ????

November 8, 2024 at 4:09 pm #16382823

Lauren
Supporter

Languages: English (English )

Timezone: America/New_York (GMT-05:00)

Hi there, I don't have any updates but as soon as I hear from the compatibility team, I will update here. In the meantime you can use the workaround of either inserting the image through a Divi text box, or use a different type of image file.

November 11, 2024 at 5:40 pm #16389882

bergesY

but i can't redo all my site .....

November 13, 2024 at 3:03 am #16395276

Lauren
Supporter

Languages: English (English )

Timezone: America/New_York (GMT-05:00)

Our team has tried reaching out to the SVG Support plugin author but have not received a response. Feel free to mention it to their plugin author, perhaps that will help encourage them to reply to us so we can find a permanent solution.

November 13, 2024 at 7:32 am #16395522

bergesY

Did you mean that can be solved if i change svg plugin ? did you known a plugin compatible with wpml ?
Are that mean i need to change all image for png ?

November 13, 2024 at 4:44 pm #16398714

Lauren
Supporter

Languages: English (English )

Timezone: America/New_York (GMT-05:00)

Actually, the workaround is working on the staging site, but I had to save the original and then save the translation in order for it to show the SVG. Please see the page I tested it on here: hidden link

November 13, 2024 at 7:56 pm #16399411

bergesY

what do you means about save original and save translation
open original page with divi and save
and then
open translation page with divi and save ?

November 13, 2024 at 8:17 pm #16399467

bergesY

hello i try to do it
here
hidden link
i open original and save item (divi builder no change)
i open en version (with divi builder) and i re upload all images

for english version
hidden link
i edit all divi image block and set svg, all svg without changing it (same svg no translated) svg wasn't display
as you can see only one svg was display its the svg with translate version (an other svg file)
.... its realy important to find a solution
regards

November 13, 2024 at 9:31 pm #16399623

Lauren
Supporter

Languages: English (English )

Timezone: America/New_York (GMT-05:00)

Here are the correct steps:

1. Add the workaround code to your functions.php file
2. Update the original page using Divi.
3. Update the translation using the Advanced Translation Editor.

November 13, 2024 at 9:58 pm #16399934

bergesY

Please readmore i already do all what you ask :
- adding function
- edit orignal and save
- edit translation and
many days ago whitout any solution ....
i already have an other topic and your team have already added this
https://wpml.org/forums/topic/wpml-wrong-url-image-with-divi/
that solved but after one modification on translation all image are killed ...
i doing a loom : hidden link

November 14, 2024 at 9:20 pm #16405126

Lauren
Supporter

Languages: English (English )

Timezone: America/New_York (GMT-05:00)

I just tested again on the sandbox site and even after making a change in the original page (I added the word UPDATE), the image still shows in the second language.

Please share credentials and which specific page this is happening on your site so that I may login and take a look and doublecheck the workaround code. Please use the private fields in the next reply.

November 15, 2024 at 7:56 pm #16409607

Lauren
Supporter

Languages: English (English )

Timezone: America/New_York (GMT-05:00)

I logged in and checked your site but I don't see the workaround from https://wpml.org/errata/svg-support-activating-wpml-media-strips-uploads-folders-from-svg-image-url/ anywhere. Where did you insert the code that was supposed to be added to your theme's functions.php file?

November 15, 2024 at 8:17 pm #16409720

bergesY

Yes i add it via wp code (explain loom)
If you have any doubt you Can add it in fonction
But code i already inside via wp code