Skip to content Skip to sidebar

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

Problem:
The client was experiencing an issue where the "Image Slider Block" plugin stopped working on the English section of their hotel categories (Europe, Asia, Middle East). The images were not displayed as a slider but just in a row underneath each other. The problem was only present in the English version, while the German version worked fine.

Solution:
First, we identified that the issue was related to the HTML structure of the block, where the data settings value was being HTML encoded and then decoded incorrectly after translation with WPML's translation editor. We initially suggested translating the page using the WordPress editor and adding the slider manually on the translation page, following the documentation at https://wpml.org/documentation/translating-your-contents/using-different-translation-editors-for-different-pages/.

Later, we resolved the issue on the Europe hotel page by removing the problematic block and adding the following custom XML code to WPML > Settings > Custom XML Configuration tab, to exclude the "Image Slider Block" content from translation:


<wpml-config>
  <gutenberg-blocks>
    <gutenberg-block type="slider-block/slider-block" translate="0">
    </gutenberg-block>
  </gutenberg-blocks>
</wpml-config>

This allowed the client to translate the Europe hotel page with the Advanced Translation Editor as well. For more information, refer to the documentation at https://wpml.org/documentation/support/language-configuration-files/make-custom-gutenberg-blocks-translatable/.

Please note that this solution might be irrelevant if it's outdated or not applicable to your case. If you're still experiencing issues, we 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 problem persists, please open a new support ticket with us.

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.

This topic contains 3 replies, has 2 voices.

Last updated by Long Nguyen 1 year, 4 months ago.

Assisted by: Long Nguyen.

Author Posts
March 14, 2024 at 10:13 pm #15412456

anikaN-2

In the english section of my hotels categories (Europe, Asia, Middle East) the plugin "Super Block Slider" stopped working and the photos are not displayed in a slide but just in a row underneath each other.


See the example for Middle East here: hidden link

Or this other one:
hidden link

Pictures don't come up in a slider but in a row underneath each other.

In the German version it works fine.

Thanks
Anika

March 15, 2024 at 3:24 am #15412625

Long Nguyen
WPML Supporter since 02/2022

Languages: English (English )

Timezone: Asia/Ho_Chi_Minh (GMT+07:00)

Hi Anika,

Thank you for contacting WPML support, I’m happy to help you with this issue.

I see you are using the plugin "Image Slider Block" to create the slider on the hotels categories pages, not the plugin "Super Block Slider".

This issue is related to the previous one https://wpml.org/forums/topic/kadence-theme-element-sidebar-does-not-show-tranlated/
it occurs because in the HTML structure of the block, data settings value, the plugin author is using the HTML encode and after translating with the WPML translation editor, it is decoded to

"arrows":true

Please check the attached screenshots.

Currently, we don't have a proper solution for this issue. I suggest you translate the page with WordPress editor and add the slider manually on the translation page. Please follow the documentation
https://wpml.org/documentation/translating-your-contents/using-different-translation-editors-for-different-pages/

Looking forward to your reply.
Thanks

Edit Page “AA WPML test page. EN” ‹ — WordPress 2024-03-15 10-08-29.png
Edit Page “AA WPML test page.” ‹ — WordPress 2024-03-15 10-07-29.png
March 16, 2024 at 2:27 pm #15416840

anikaN-2

Hi there,

I tried to add an extra image slider and have also turned off the automated WPML translation but also the new test slider didn't work.
Weirdly the sliders look right in the backend (editor) but when I look at the frontend the pictures show up underneath each other.

BUT...only for the Europe hotels:

hidden link

the other two hotel sections ( Asia and Middle East) show correctly on my website using the same sliders in the English translation:
hidden link

I hope you can help me to find a solution to this as Europe is my main hotel page and it's very frustraiting that it looks so broken.

Best,
Anika

March 18, 2024 at 3:24 am #15419075

Long Nguyen
WPML Supporter since 02/2022

Languages: English (English )

Timezone: Asia/Ho_Chi_Minh (GMT+07:00)

Hi,

I fix the issue on the Europe hotel page by removing the pattern block that causes the issue and adding the custom XML code below to WPML > Settings > Custom XML Configuration tab, to exclude the block "Image Slider Block" content from translation.

<wpml-config>
  <gutenberg-blocks>
    <gutenberg-block type="slider-block/slider-block" translate="0">
    </gutenberg-block>
  </gutenberg-blocks>
</wpml-config>

Now you can translate the Europe hotel page with Advanced Translation Editor as well.

Refer documentation https://wpml.org/documentation/support/language-configuration-files/make-custom-gutenberg-blocks-translatable/

Looking forward to your reply.
Thanks

Hotels Europe • 2024-03-18 10-22-32.jpg