This thread is resolved. Here is a description of the problem and solution.
Problem:
The customer is using the WPML plugin to translate their website and encountering two major issues:
1- Images are not being displayed on some pages.
2- URLs are automatically adding a "." at the end, leading to 404 errors.
Solution:
1- URL Issue:
I identified and removed the extra character causing the URL issue by editing the view translation.
This resolved the broken links.
2- Image Display Issue:
The issue was caused by malformed HTML, specifically the custom HTML used to insert left and right arrow buttons in the sliders.
The Advanced Translation Editor was encoding the HTML tags, breaking the display.
Two possible workarounds were suggested: using actual Toolset components or registering the arrows as shortcodes.
I implemented the second workaround with the help of our 2nd tier support:
- Added a shortcode to functions.php to register the custom widget:
add_shortcode('glide_arrows', function () {
return '<div class="glide__arrows" data-glide-el="controls">
<button data-glide-dir="<" class="glide__arrow glide__arrow--left"><span class="tb-slider-left-arrow"></span></button>
<button data-glide-dir=">" class="glide__arrow glide__arrow--right"><span class="tb-slider-right-arrow"></span></button>
</div>';
});
- Registered the glide_arrows shortcode in Toolset settings.
- Edited the template containing the sliders and replaced the div with the arrow buttons with the [glide_arrows] shortcode.
This resolved the issue with the images.
This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.
Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.
| Sun | Mon | Tue | Wed | Thu | Fri | Sat |
|---|---|---|---|---|---|---|
| - | 9:00 – 12:00 | 9:00 – 12:00 | 9:00 – 12:00 | 9:00 – 12:00 | 9:00 – 12:00 | - |
| - | 13:00 – 18:00 | 13:00 – 18:00 | 13:00 – 18:00 | 13:00 – 18:00 | 13:00 – 18:00 | - |
Supporter timezone: America/Sao_Paulo (GMT-03:00)
This topic contains 15 replies, has 2 voices.
Last updated by 5 months ago.
Assisted by: Mateus Getulio.
Hi, I just started using the WPML plugin to translate our website.
There is a big issue on some pages. For example on the following page, the pictures are not being shown and when I try to click on any button of our listings, it sends us to the 404 page. For some reason, all URLs are adding a "." at the end of each URL automatically which breaks the link.
hidden link
I look forward to receiving your support on these issues. Thank you very much!
Hey there,
Regarding the links, I edited the view translation and I was able to find that character in there(please check the screenshot), I removed it from the translation and it fixed the link.
Regarding the issue with the gallery, I checked this out but so far I couldn't find a fix for it.
I asked my colleagues to have a look at this issue in order to see if there's anything I'm missing.
I'll come back here as soon as one of my colleagues reply back to me (which it shouldn't take long).
Thanks,
Hello there,
Yes, the access is working again, thanks a lot.
Our 2nd tier support team worked on that page and manually fixed the issue with the slide, please check the screenshot.
While we fixed it, we're still trying to identify what caused it, we'd recommend not editing the translation just for the time being.
We believe something is breaking in the HTML when the page is translated using the Advanced Translation Editor, we'd like your help in the next step of debugging.
We need to replicate this issue to a fresh install of WordPress + WPML + Toolset that can be access here: hidden link
Here's what is needed to be done:
1- Install Essential Components Only: In the sandbox provided in my private reply above the WPML is already installed and set up, Toolset is installed and active as well, please install your theme and only the plugins necessary to replicate the issue with the sliders. Avoid importing the entire site.
2- Set Up the Page and Configurations: Mirror your current setup that's causing the issue, focusing on the pictures of the sliders, we only need the site to be partially replicated up to a point where we can debug this issue, it is not necessary to replicate the entire page, just the sliders.
3- Notify Us Once Done: After replicating the issue in the sandbox, inform us through this ticket so we can proceed with further analysis.
The goal here is to identify if the problem is indeed related to the Advanced Translation Editor or if it is a compatibility issue, reproducing it in a controlled environment.
We appreciate your cooperation in this matter. Let us know once you've set up the sandbox.
Best,
Mateus
