The client reported that product images were not displaying when switching to the Arabic version of their website, despite having WPML media translation active.

We discovered the issue was due to a CSS style conflict. We resolved this by adding the following custom CSS code: <code>html[dir="rtl"] .woocommerce div.product .product-info .image-panel, .woocommerce-page div.product .product-info .image-panel { direction: rtl; }</code> This code should be added in the WP Admin -> Appearance -> Customize -> General -> \'Custom CSS & JS\' section. If this solution does not resolve your issue, or if it seems outdated, we recommend opening a new support ticket. Additionally, please check related known issues at <a href="https://wpml.org/known-issues/">https://wpml.org/known-issues/</a>, verify the version of the permanent fix, and confirm that you have installed the latest versions of themes and plugins. For further assistance, you can also visit our support forum.

Split: Product images not showing in the translations

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.

This topic is split from https://wpml.org/forums/forum/english-support/

Tagged: Not WPML issue

This topic contains 5 replies, has 2 voices.

Last updated by Waqar Ali 5 months ago.

Assisted by: Waqar Ali.

Author	Posts
June 5, 2024 at 8:05 am #15705474
emirates-literatureF	Dear team, For product images, kindly note I have WPML media translation already active and they translated the concerned images here: hidden link ,Yet, I cannot see them when I select Arabic in the language bar, see below samples: this book in English: hidden link but in Arabic no photo showing: hidden link This another book in English: hidden link and not showing the photo in Arabic: hidden link and another one in English here: hidden link but in Arabic no photo: hidden link
June 5, 2024 at 9:01 am #15705776
Waqar Ali	Hi, I've performed basic troubleshooting steps, but the issue with the product images persists. Do I have your permission to download a clone/snapshot of the website? This will help in investigating this on a different server, without affecting the actual website. regards, Waqar
June 6, 2024 at 4:35 am #15709203
emirates-literatureF	yes please go ahead and proceed because first time I am facing this with WPML and the images are not showing in the second language although, I translated them with media translation and everything is fine backend not sure whats happening frontend.
June 7, 2024 at 8:20 am #15714131
Waqar Ali	Thank you for the permission and I've downloaded the website's clone. I'm currently performing some tests on this clone and will share the findings, as soon as this testing completes. I appreciate your patience.
June 10, 2024 at 6:04 am #15720151
emirates-literatureF	Thanks Waqar and I hope my issues will be fixed this week hopefully before EID AL ADHA next week and vacation because I need to show a demo to the higher management this week and its very important to show the Arabic in a proper professional updated way please if possible. Kindly do your best to make it if possible!!!Thanks again
June 10, 2024 at 3:41 pm #15723080
Waqar Ali	Thank you for waiting, while I troubleshooted this issue of product images not showing. It turned out to be a CSS style conflict and I was able to fix this on your website's clone by including the following custom CSS code at WP Admin -> Appearance -> Customize -> General -> 'Custom CSS & JS' section: html[dir="rtl"] .woocommerce div.product .product-info .image-panel, .woocommerce-page div.product .product-info .image-panel { direction: rtl; }
June 11, 2024 at 4:37 am #15724416
emirates-literatureF	hidden link this product didnt has a photo in Arabic and thanks GOD now it has ALHAMDULILAH