[Resolved] Translation is added in ATE but doesn't display at frontend

Hello!

The problem happens because that accordion title seems to come from a third party plugin that might have some issues with the translation editor. Interestingly, when i translate it on a test page like: hidden link i do see it in the back-end as translated, but then i have to save the translation manually and do a bunch of other stuff to see it in the front-end which is not possible to do in your page specifically since you're using a toolset template.

The problem seems to come on the nesting of the gutenberg block for the accordion.

That accordion comes from a third party plugin that has a prefix "esab" so could you please add the plugin that creates it in this sandbox site so we can test and see how to make it work: hidden link

We'll test it here and see why it's not working correctly.

Regards.

Hello,

I found the problem and i have asked our devs to help me figure out how to fix it. i'll let you know when i have more info about this.

Regards.

Hello there!

Sorry for the delay but i believe we have a solution for this.

Please add the following code in WPML > Settings > Custom XML configuration (it's a tab at the beginning of the page).

<wpml-config>
  <gutenberg-blocks>
    <gutenberg-block type="esab/accordion" translate="0">        
    </gutenberg-block>
    <gutenberg-block type="esab/accordion-child" translate="1">
      <key name="heading" /> 
      <xpath>//*[contains(@class, 'esab__heading_tag')]</xpath>
    </gutenberg-block>
  </gutenberg-blocks>
</wpml-config>

- Then go to the place where the accordion is and edit the original page.
- Add a character to the title, save the changes and try to translate the page again

This time everything should appear as translatable AND should also be applied to the translation correctly.

Try it out and let me know how it goes. if it works, kindly share that code to the author of the plugin that creates the accordion because it seems they registered it incorrectly.

Regards.