Trying to translate Elementor Pro Image hotspot

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

Problem:
The client was unable to translate URLs in the Elementor Pro Image hotspot widget using the Advanced Translation Editor (ATE), even after adding custom XML configuration based on a previous support ticket.
Solution:
We recommended the following steps to resolve the issue:
1) Navigate to WPML>>Settings>>Custom XML Configuration.
2) Update the language configuration with the following code:

<wpml-config>
  <elementor-widgets>
    <widget name="hotspot">
      <fields-in-item items_of="hotspot">
        <field type="Hotspot: Label">hotspot_label</field>
        <field type="Hotspot: URL" key_of="hotspot_link">url</field>
        <field type="Hotspot: Content" editor_type="VISUAL">hotspot_tooltip_content</field>
      </fields-in-item>
    </widget>
  </elementor-widgets>
</wpml-config>

3) Save the changes.
4) Update the pages after a minor edit to refresh the translation settings.

We also provided images for further clarification and requested the client's feedback.

Please note that this solution might be irrelevant if it's outdated or not applicable to your case. If the issue persists, we highly recommend checking the related known issues, verifying the version of the permanent fix, and confirming that you have installed the latest versions of themes and plugins. If necessary, please open a new support ticket in the WPML support forum.

0% of people find this useful.

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: Compatibility

This topic contains 6 replies, has 3 voices.

Last updated by ludekC-3 11 months ago.

Assisted by: Bigul.

Author	Posts
February 28, 2024 at 9:29 am
ludekC-3	Hey, I'm trying to translate Elementor Pro Image hotspot widget, I added custom XML conf based on the ticket here: https://wpml.org/forums/topic/elementor-hotspot-widget-translations/ but ATE still not registering URLs for translation
February 28, 2024 at 9:49 am
February 28, 2024 at 9:55 am #15352878
Dražen Supporter Languages: English (English ) Timezone: Europe/Zagreb (GMT+01:00)	Hello, I created a minimal installation of WordPress, WPML, and all necessary WPML add-ons. You can access the WordPress dashboard using the link below: - hidden link Kindly follow the steps below: - Set up WPML - Install the necessary plugins. - Try to replicate the issue. - Share with me step by step guide on how can I check the issue This will help us to report the probable issue to the compatibility team and solve the possible problem faster. Regards, Drazen
February 29, 2024 at 5:44 pm #15359952
ludekC-3	Hey there, I created the same situation on the sandbox provided. Two pages created, one with nested elements, second without nested elements. The URLs are not offered for translation for either page, so you can check it out. Regards, L.
March 1, 2024 at 12:17 pm #15362881
Bigul Supporter Languages: English (English ) Timezone: Europe/Vienna (GMT+01:00)	Hello, Thank you very much for reproducing the issue on the sandbox site. We will debug it further and get back to you as soon as possible. Please wait. -- Thanks! Bigul
March 4, 2024 at 4:46 pm #15371349
Bigul Supporter Languages: English (English ) Timezone: Europe/Vienna (GMT+01:00)	Hello, The bug exists after the initial troubleshooting procedures. So the ticket is escalated to our compatibility team for detailed debugging. We will get back to you as early as possible. Please wait. -- Thanks! Bigul
March 5, 2024 at 1:06 pm #15374618
Bigul Supporter Languages: English (English ) Timezone: Europe/Vienna (GMT+01:00)	Hello, We are getting the expected results in the sandbox site after following the steps. Now the URLs are showing for translation in Advanced Translation Editor. 1) Visit WPML>>Settings>>Custom XML Configuration 2) Update the language configuration with the following code <wpml-config> <elementor-widgets> <widget name="hotspot"> <fields-in-item items_of="hotspot"> <field type="Hotspot: Label">hotspot_label</field> <field type="Hotspot: URL" key_of="hotspot_link">url</field> <field type="Hotspot: Content" editor_type="VISUAL">hotspot_tooltip_content</field> </fields-in-item> </widget> </elementor-widgets> </wpml-config> 3) Save the changes 4) Update the pages after a minor edit to refresh the translation settings Please check the attached images for more details and let us know your feedback. -- Thanks! Bigul
March 6, 2024 at 5:00 pm #15380906
ludekC-3	Hello, I tried this approach before, based on another ticket. The only change is that I didn't use the search string htt.. using the search input. So I want to leave a note here for others with the same problem. => URLs don't show up in ATE until you use search! <= My problem is now solved, thanks for the help.