Background of the issue:
I have added WPML and activated auto-translate to translate the website. The issue can be seen on this page: hidden link. On the original language products, everything appears normal: hidden link (hidden link).
Symptoms:
When I switch the language, the WooCommerce zoom.js does not work, and the product images are three times the size of the viewport, breaking the website (hidden link).
Questions:
Why does the WooCommerce zoom.js not work when switching languages?
How can I fix the product image size issue when using WPML?
The issue was caused by the custom related products settings. There is a section in your product settings where this can be configured, but it was not set to copy over to secondary languages. As a result, the layout appeared broken.
To resolve this, please follow these steps:
1. Navigate to WPML → Settings → Custom Field Translations.
2. Click on Show system fields.
3. Search for _crp_related_ids and set it to Copy.
4. Save the changes.
5. After saving, update the product in the default language.