[Resolved] Critical error and Responsive/MObile view issues with WPML

Hi,

Here is the forum ticket. I've tried some steps to register the Elementor widget Advanced menu for translation and translated the menu ID in the Advanced Translation Editor but the translation menu doesn't display in the frontend.

It could be a compatibility issue between JupiterX and WPML, we will address that by reporting this to the compatibility team.

To be able to report the compatibility issue we need to replicate the issue on a clean installation. I created a clean installation of WordPress, WPML, and all necessary WPML add-ons. You can access the WordPress dashboard with this link
hidden link

Kindly follow the steps below:

- Don’t restore your site there.
- Install JupiterX and its addon plugins.
- Try to replicate the issue with minimal steps.
- Then let me know the steps to replicate it.

Looking forward to your reply.
Thanks

Hi,

I can translate the advanced menu on the sandbox site and show the translation on the frontend. Here are steps:

1. Go to WPML > Settings > Custom XML Configuration tab > Add the XML code below:

<wpml-config>
  <elementor-widgets>
    <widget name="raven-advanced-nav-menu">
      <fields-in-item items_of="menu">
        <field type="Menu text" editor_type="LINE">text</field>
        <field type="Menu link" editor_type="LINK" key_of="__dynamic__">link</field>
        <field type="Menu section template" editor_type="LINE">section_template</field>
        <field type="Menu widget template" editor_type="LINE">widget_template</field>
      </fields-in-item>
    </widget>
  </elementor-widgets>
</wpml-config>

2. Go to Templates > Edit Header template > Click on Update.

3.1. If you want to translate the template ID on your site, you can go to WPML > String Translation > Find the name "raven-advanced-nav-menu" and translate the section ID, which is 96 on the sandbox site.

3.2. If you want to translate the template ID on ATE, please add the PHP code below to the file functions.php in the theme/child theme folder

add_filter( 'wpml_tm_job_field_is_translatable', '__return_true' );

in ATE, search for the menu template ID and translate it. Please check the attached screenshots.

Looking forward to your reply.
Thanks

Hi,

1. Yes, you can use the code in my previous reply and replace it with the existing code on your site.

2. Because the advanced menu saves the template ID and displays it in the frontend.

3. It is Advanced Translation Editor https://wpml.org/documentation/translating-your-contents/advanced-translation-editor/

4. If you use the same widget Advanced menu, you can translate the template ID also.

Looking forward to your reply.
Thanks

Hi,

I would like to request temporary access (wp-admin and FTP) to your site to take a better look at the issue. Your next reply is set to private to share the info.

❌ IMPORTANT: Please backup your database and website before proceeding ❌
You can use this plugin to create the backup: https://wordpress.org/plugins/duplicator/

Regarding the issue with Advanced tab widget, I will split this ticket into a new one for better handling.

Looking forward to your reply.
Thanks

Hi,

I don't see you add the PHP code to the file functions.php in the theme folder as noted in step 3.2 https://wpml.org/forums/topic/critical-error-and-responsive-mobile-view-issues-with-wpml/#post-16243189

So I translate the template ID in WPML > String translation, now you can see the translation menu template in the frontend.

Looking forward to your reply.
Thanks