andreasH-89

Problem:
If you're using the Uncode theme with WPML and notice that SVG icons are not displaying correctly in translated versions of your pages, such as missing or incorrectly colored icons, this might be due to the way SVG files are handled in shortcodes.
Solution:
We recommend adding the following code to your theme's

functions.php

file:

add_filter( 'do_shortcode_tag', function( $out, $tag, $atts ) {<br />    if ( $tag !== 'vc_icon' || empty( $atts['icon_image'] ) ) return $out;<br />    $att_id = (int) $atts['icon_image'];<br />    $path   = get_attached_file( $att_id );<br />    if ( $path && preg_match('/\.svg$/i', $path) && file_exists($path) ) {<br />        $svg = file_get_contents($path);<br />        if ( $svg && strpos($out, '<img') !== false ) {<br />            $out = preg_replace('#<img[^>]+\.svg[^>]*>#i', $svg, $out, 1);<br />        }<br />    }<br />    return $out;<br />}, 10, 3 );

This code checks if the shortcode being rendered is an icon widget that uses an image ID. If the image is an SVG file, it retrieves the SVG from the server and replaces the tag with the inline SVG markup, allowing the SVG to render correctly and be styled as expected.
Additionally, if you encounter issues with ^{tags being translated as plain text instead of HTML, you can fix this by allowing HTML tags in the shortcode title. Navigate to WPML → Settings → Custom XML Config and add the following configuration:}

<wpml-config><br />  <shortcodes><br />    <shortcode><br />      <tag>vc_icon</tag><br />      <attributes><br />        <attribute encoding="allow_html_tags">title</attribute><br />        <attribute encoding="vc_link" type="link">link</attribute><br />      </attributes><br />    </shortcode><br />  </shortcodes><br /></wpml-config>

After saving, please re-save both the original content and its translations to apply the changes.

Please note that the solution provided might be outdated or not applicable to your specific 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 issue persists, please open a new support ticket.