I am trying to:
We have setup Elementor product pages for WooCommerce products to maximize the lay-out flexibility.
When a change is made to the Elementor product page, the WPML language icon associated will change from a pencil to a update arrow. This works correctly for most updates.
However, when an image carrousel element is changed and the Elementor page is updated, the icon is not changed. As changes are only populated to the translation pages after updating the translation, it will be impossible to maintain the content correctly with these type of changes.
Link to a page where the issue can be seen: hidden link
I expected to see:
The WPML language icon change to the update icon after making a change in the Elementor page of the product
Instead, I got:
The not-updated icon telling me alle changes have been processed correctly for the associated translation pages.
I understand that you're using the Image Carousel widget from Elementor and when you change the elements in that widget in the original language, the translation does not get updated and it does not ask for updates.
On a testing website, I added an image carousel widget and translated the page. Then, I changed the order of the images in the gallery and updated the page. I found WPML asking me to update the translation as shown in the attached screenshot.
> when an image carrousel element is changed and the Elementor page is updated
Could you please let me know what change you make to the Image Carousel widget so that I can replicate the issue on my side?
This seems to work for a regular page, but I am using WooCommerce Product page layout with Elementor. Any layout change that I tested triggers the icon to change, but the image Carousel does not...
You can review and troubleshoot at a staging copy I created: staging2.webdevelopw45.sg-host.com. Let me know where to send credentials for login.
I tried to use Elementor on a product and added an image carousel to the product description, but it worked, so I have enabled the private reply for you to share the login credentials for the staging website.
Could you please also provide me with the steps I need to follow to see the issue?
It looks like I'm missing the steps to replicate the behavior you're reporting. I've recorded this short screencast: hidden link - could you please check and let me know what I'm missing here to replicate the issue?
The issue is definitely happening only with this site. I opened the same product on both development sites and followed the same steps to update the image carousel widgets, and it worked fine on the second staging area. In contrast, the icon wasn't updated on the original staging area.
I think this is a pre-production version of the website, so is it OK to create a test product there? Also, is it OK to clone the website locally for further debugging if the tests don't go through?
I think this is a pre-production version of the website, so is it OK to create a test product there?
> Yes, this is OK, please mention WPML or something so we can identify it easily.
Also, is it OK to clone the website locally for further debugging if the tests don't go through?
> Yes that is OK
Thanks for the support so far, looking forward to your findings!
Thank you a lot for your patience while we looked into this.
After reviewing the case here and the code from WPML, it turned out that this is the expected behavior for the image carousel widget from Elementor.
When changes are made to the image carousel in the original language, it will automatically update in the translated versions. However, an update icon will appear if you modify the image titles, captions, or other translatable text.
I created this sandbox website with only WPML and Elementor plugins (login URL: hidden link) - and when I update the image carousel widget images order, it gets changed in the translation. So nothing needs to be updated; that's why the update icon does not appear.
Hope that helps, and let us know if you have any other questions. We would be happy to assist further.
Hi Ahmed,
You explain that this is expected behavior, and the icon is not updated, because there is nothing to translate.
1. In the cloned site, the icon is correctly updated. After updating the translations, the change is reflected in the translated pages.
2. In the original site, the icon is not updated and the layout change is not populated to the translated pages.
