[Resolved] Caption translations not working on certain pages
This thread is resolved. Here is a description of the problem and solution.
Problem: You are experiencing an issue where image captions on your 'Project' pages display correctly in English but do not show the translated French versions, despite these translations existing in WPML. This problem persists even after manually adding French captions in WPML > Media Translation and enabling the option 'Translate media library texts with posts', which only works for Posts and not Projects. Solution: We discovered that the issue was related to how the modal linked to the 'read more' buttons on the project pages. After identifying the discrepancy between the project modals and project pages, our developer was able to troubleshoot and resolve the issue. If you're experiencing this, we recommend checking how your modals are linked to other elements on your pages and ensuring that the translations are correctly implemented in these connections.
Please note that this solution might be irrelevant if it's outdated or not applicable to your case. We highly 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 issue persists, please open a new support ticket at WPML support forum for further assistance.
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.
Background of the issue:
I am trying to resolve a translation issue on our website, which uses WPML alongside Elementor. Specifically, image captions on our 'Project' pages appear correctly in English but do not show the translated French versions, even though these translations exist in WPML. Our Projects are listed here: hidden link. Link to a page where the issue can be seen: hidden link
Symptoms:
When I switch the language to French, the captions remain in English, even when I have translated them. I navigated to WPML > Media Translation, searched for the images manually, and added French captions there. The captions were saved successfully, but they still do not appear when accessing the frontend site in French. Once, a warning message appeared stating the change would not reflect unless I removed and reinserted the image.
I also checked WPML settings and enabled the option “Translate media library texts with posts”. However, this only worked for Posts and not Projects.
Questions:
How can I efficiently ensure that translated captions appear correctly on the frontend in French?
Thanks for contacting us. I will need to closely examine your website. Therefore, I will require temporary access (WP-Admin and FTP) to a test site where the problem has been replicated, if possible. This will enable me to provide better assistance and determine if any configurations need to be modified.
Please note that it is important to have a backup for security purposes and to prevent any potential data loss. You can use the UpdraftPlus plugin (https://wordpress.org/plugins/updraftplus/) to fulfill your backup requirements.
Your upcoming reply will be treated with confidentiality and will only be visible to you and me.
✙ To resolve the issue, I may need your consent to deactivate and reactivate plugins and the theme, as well as make configuration changes on the site if necessary. This emphasizes the significance of having a backup.
I've checked the page you shared on the front end and back end, and I do not see any captions that you've included in the image, as shown in the attached screenshot. Could you tell me which image caption you are referring to? Or perhaps you can include some screenshots?
I am referring to the three images which are displayed inside each project modal. You need to click "Read More" on any of the projects to open the modal. Please see screenshot attached.
Thanks for getting back to me. I’ve checked, and the image captions appear to be displaying correctly on the translated project page: hidden link. However, when clicking the "read more" button in French, the wrong image caption is shown here hidden link . Could you let me know how the modal is linked to the "read more" buttons?
Unfortunately I am not the developer so am not sure - is this something you could identify on your end, or will I need to reach out to the developer who built the site to help troubleshoot the issue?
Apologies for the inconvenience. I’ve traced the button and found that it’s using a custom query linked to a page/template/project named "Get Our Work," as shown in the attached screenshot. However, I’m unable to locate this page/template/project.
Could you please check with your developers and gather more details? I need to understand how and where the "Read More" button is linked to the modal when it's clicked.
Thank you for your patience. I contacted the developer who worked on our website build and am still waiting for a reply. I will update here once I hear back.
Thanks again for your help. After you identified the discrepancy between the project modals and project pages, our developer was able to troubleshoot and resolve the issue.
