Unable to upload svg through media translation. Site uses SVG Support plugin, and can upload svg to media. No method to use existing media as translation. Workaround--swap media directly on Elementor page breaks WPML editor for future text updates.
One of my colleagues will take on your ticket. In the meantime, I would like to provide some helpful information.
We are already aware of why SVG images don’t work with Media Translation at the moment.
WPML currently keeps an internal list of supported media file types, and SVG is not included, even if SVG uploads are enabled in WordPress. As a result, SVG files are ignored by Media Translation.
Workaround
You can enable SVG support by adding svg to WPML’s allowed extensions list in this file:
wp-content/plugins/sitepress-multilingual-cms/classes/media-translation/
class-wpml-media-attachment-by-url-query.php (From line 224).
Inside the function getAllowedExtensionsForFilename(), add 'svg' to the returned array (for example, at the beginning).
private function getAllowedExtensionsForFilename() {
return [ 'svg',
Please note that this change will be overwritten on plugin updates, so it may need to be re-applied.
The SVG support in Media Translation will be handled correctly in a future version, so that this manual workaround won’t be necessary long-term.
Please backup your database before making any changes.
I made the update to class-wpml-media-attachment-by-url-query.php to include 'svg' on line 226 as you showed. Cleared all server and browser caches.
Trying to upload an SVG in media translate continues to show 'security check failed' with the SVG Support plugin enabled. Using the Safe SVG plugin, the upload completes, but shows a blank file or a blue question mark 9screenshot attached).
This is the same results as before making the change to the php file.
This issue has been currently fixed by our developers and will be included in the next major release of WPML which is pending.
In the meantime the workaround should work. (Using SVG Safe plugin is required)
I would like to request temporary access (wp-admin and FTP) to your site to test the issue.
(preferably to a test site where the problem has been replicated if possible)
**Before we proceed It is necessary to take FULL BACKUP of your database and your website. Providing us with access, you agree that a backup has been taken **
I often use the Duplicator plugin for this purpose: http://wordpress.org/plugins/duplicator/
You will find the needed fields for this below the comment area when you log in to leave your next reply.
The information you enter is private which means only you and I have access to it.
NOTE: If access to the live site is not possible and the staging site does not exist please provide me with a duplicator package created with the duplicator plugin.
I was not able to download the SVG file, therefore I created my own for testing purposes.
1. Go to WPML->Media Translation
2. Upload the desired SVG file
3. Add the caption name
4. It will still show "greyed" out, go ahead and click on "Save media translation"
It worked once when I tried translating the Spanish to French using your test file and entering a unique filename, but failed when I tried the same thing translating the English to French. Does the English being Connected Media make any difference?
Here's an interesting development: although the image shows as broken in the WPML Media Translation list, it appears correctly on the translated page. hidden link
It worked! Once! I made new English, Spanish & French Versions of my svg, used the English on the English page, translated the Spanish & French media, and they appeared on the page.
Moved on to a second image. Repeated the steps, the Spanish worked as expected, but the French shows missing. Attempting to use the Spanish media (which worked) for the French media fails. Gaaah!
I'm about to give up on my dreams of svg and just make webp of everything.
