Skip Navigation

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.

Sun Mon Tue Wed Thu Fri Sat
9:00 – 15:00 9:00 – 15:00 9:00 – 15:00 9:00 – 15:00 9:00 – 15:00 - -
- - - - - - -

Supporter timezone: Asia/Yerevan (GMT+04:00)

This topic contains 2 replies, has 0 voices.

Last updated by webs 22 hours, 34 minutes ago.

Assisted by: Christopher Amirian.

Author Posts
January 25, 2025 at 6:26 am #16633183

webs

Background of the issue:
I am trying to translate images and display headers differently on my site hidden link using WPML. My site is designed with the Woodmart template, and its header is implemented using the template header builder.

Symptoms:
I need the social networks to be different in Persian, with some reduced and one link changed. I want logos to appear differently in Persian, but the images I replaced in the image translation section are not displayed in the site header.

Questions:
How can I display different social networks in the Persian version of my site?
Why are the translated images not appearing in the site header?

January 26, 2025 at 12:46 pm #16635143

Christopher Amirian
Supporter

Languages: English (English )

Timezone: Asia/Yerevan (GMT+04:00)

Hi,

Welcome to WPML support.

The correct way to translate the headers is using WPML Translation Management according to the documentation below:

hidden link

I am not sure if the manual translation is available for the layouts.

You can test by going to the layout in question in WP Dashboard and from the top admin language switcher change the language to Persian.

Then do the edits there and see if it works.

We did not test the manual translation mode.

Thanks.

January 29, 2025 at 7:58 am #16644674

webs

Hello
Thank you for your response
I followed the steps according to the link and replaced the links I wanted for the images, but unfortunately it does not apply. But I could not find the social media links.

January 29, 2025 at 1:39 pm #16647009

Christopher Amirian
Supporter

Languages: English (English )

Timezone: Asia/Yerevan (GMT+04:00)

Hi,

Thank you. I can try to see if I have any solution for that or not.

I'd appreciate it if you could give me the URL/User/Pass of your WordPress dashboard after you make sure that you have a backup of your website.
It is absolutely important that you give us a guarantee that you have a backup so if something happens you will have a point of restore.

Make sure you set the next reply as private.

After that, please tell me where to go to see the header in the dashboard and annotate the section which you want to change.

Maybe I can find a solution.

Meanwhile, if it is a matter of a link only in an image, try to use the translation management method and search for the link in the ATE search:

https://wpml.org/documentation/getting-started-guide/string-translation/finding-strings-that-dont-appear-on-the-string-translation-page/

Thank you.

February 2, 2025 at 4:15 pm #16660289

Christopher Amirian
Supporter

Languages: English (English )

Timezone: Asia/Yerevan (GMT+04:00)

Hi,

Thank you for the login information. I see that you use the heard Builder functionality.

There is no way to have a separate header for the other languages using the Header Builder.

But you can translate the links and text by searching them in WP Dashboard > WPML > String Translation

There you can add proper link for each language. (Check the screenshot)

Also I searched the logo link that you added int he string translation and such a link does not exist:

hidden link

Please search the link of the logo in string translation and add a link that exists.

It is possible to hide a social media icon using CSS that targets directly a language.

What you would need to do is to add the CSS code below for Arabic as an example:

html[lang="ar"] .wd-social-icon.social-linkedin {
    display: none;
}

This will remove the LinkedIn icon in Arabic language. You can use the same principle for other languages.

Thanks.

Screenshot 2025-02-02 at 8.03.13 PM.png
February 3, 2025 at 10:17 am #16662166

webs

Thank you for your time and review
I fixed the icon problem but I still couldn't fix the image problem
According to the image I am sending you, I also have a white logo on the site that I have translated. This logo is used in two parts: 1- header 2- footer which is made using Elementor. Its translation is displayed in the footer (without the image being in the library) but it is not displayed in the header.
I uploaded the colored logo image to the library to make sure but it still is not displayed.

February 3, 2025 at 2:03 pm #16663199

Christopher Amirian
Supporter

Languages: English (English )

Timezone: Asia/Yerevan (GMT+04:00)

Hi,

Unfortunately, there is no image uploaded so I can not understand what you talk about.

I wonder if it is ok with you to record your screen using loom.com or whatever method you see fit and share it with us so I can check and see which section you change in the header as the header is created by the header builder of Woodmart and not Elementor from what I see.

But if the footer is created via Elementor, it is possible to translate that using the method below:

https://wpml.org/documentation/plugins-compatibility/elementor/#translating-elementor-templates

Thanks.

February 4, 2025 at 8:21 am #16665186

webs

Oh I'm so sorry
I'll send you a video and I hope you understand what I mean
hidden link

February 4, 2025 at 9:22 am #16665547

Christopher Amirian
Supporter

Languages: English (English )

Timezone: Asia/Yerevan (GMT+04:00)

Hi and thank you for the video.

I created a video explaining why the Media translation method you mentioned will not work for header builder. Instead, you need to use the string translation:

hidden link

I did not have access to the Persian version to see the result.

Thanks.

February 5, 2025 at 9:29 am #16669650

webs

Thank you
Unfortunately, the problem has not been solved by the string translation method. I have enabled the required access for your user so you can check.

February 6, 2025 at 1:46 pm #16675834

Christopher Amirian
Supporter

Languages: English (English )

Timezone: Asia/Yerevan (GMT+04:00)

Hi,

Thank you for the details, I spent a lot of time to find why the link is not showing with no results.

I found out that the original link is changed only on the domain and not the one added in the string translation:

English
hidden link

Persian:
hidden link

This seems to be a compatibility issue that needs to be checked. To be able to report the compatibility issues we need to replicate the issue on a clean installation.

I created a clean installation of WordPress, WPML, and all necessary WPML add-ons.

You can access the WordPress dashboard using the link below:
hidden link

Kindly follow the steps below:

- Install Woodmart theme.
- Add a header with header builder and an icon.
- Try to translate it with string translation

This will help us to report the probable issue to the compatibility team and solve the possible problem faster.

Thanks.

February 8, 2025 at 6:10 am #16681756

webs

Thanks for your time and explanation.
My template requires Source Guardian. Is it possible to enable this on the host?