lightbox doesn’t work on wpml translated page
-
Dear Archetyped Team,
I am encountering an issue with the Simple Lightbox on a post I’ve created. While it functions correctly on the original page, it fails to work on the WPML-translated version. Despite verifying that the image link’s translation in the database is accurate, the problem persists.
original page:
https://www.urbanpresents.net/en/2023/11/salvaje-selva-in-spain-expressive-abstraction-with-engraving-techniques-on-walls/
translation:
https://www.urbanpresents.net/2023/11/salvaje-selva-in-spanien-expressive-abstraktion-mit-gravurtechniken-auf-waenden/When selecting “open link in new tab,” the link works. However, a direct click results in an incorrect truncation of the URL at the copyright symbol. For instance, the full link
[https://www.urbanpresents.net/wp-content/uploads/2023/11/2007_SALVAJE-SELVA-Banos-y-Mendigo-Murcia-2007-%C2%A9SALVAJE-SELVA-2.jpg]
shortens to
[https://www.urbanpresents.net/wp-content/uploads/2023/11/2007_SALVAJE-SELVA-Banos-y-Mendigo-Murcia-2007-&].Interestingly, this issue does not occur on older translated pages. Thanks for your attention to this matter.
bart
wp 6.4.1
slb 2.9.3The page I need help with: [log in to see the link]
-
Hi, it looks like WPML (or another plugin) is modifying the encoding of special characters in the link URLs on translated pages.
For example, the copyright character in the file name:
- Original URL:
https://www.urbanpresents.net/wp-content/uploads/2023/11/2007_SALVAJE-SELVA-Banos-y-Mendigo-Murcia-2007-?SALVAJE-SELVA-2.webp - Corresponding URL on translated page:
https://www.urbanpresents.net/wp-content/uploads/2023/11/2007_SALVAJE-SELVA-Banos-y-Mendigo-Murcia-2007-©SALVAJE-SELVA-2.jpg
In the modified URL, the copyright symbol (
?) is encoded as©which causes PHP functions such asparse_url()(used by WordPress) to interpret the the URL different, effectively segmenting the URL as you describe.The modified file name may also be occurring because the translated page appears to be using JPG files, while the original page is using WEBP files. If the JPG files are generated by WordPress (or a plugin), the filename of the generated file is likely being encoded differently than the original file, leading to the issue noted above.
Other translated pages that use the WEBP files (example) appear to be displayed in the lightbox without issue. Switching to the WEBP files on the translated page you referenced may resolve your issue.
Beyond that, removing special characters (such as the copyright symbol) is highly recommended to avoid character-encoding issues altogether and to ensure the highest compatibility with all web browsers.
I’m marking this as “resolved” as the issue is not directly related to SLB, but rather due to higher-level character-encoding issues. If you are experiencing the issue with files with web-safe file names, please provide an updated link to a page that exhibits the issue, and I would be glad to take another look.
- Original URL:
- The topic ‘lightbox doesn’t work on wpml translated page’ is closed to new replies.
