Skip Navigation

This thread is resolved. Here is a description of the problem and solution.

Problem:
We need to redesign the language switcher.
We want to use a globe icon and when hovering over it we will see the list of all languages.

Solution:
At the moment it's not possible to create the language switcher in the way you mentioned without using custom programming which is beyond the scope of our support forum.

However, I will try to point you in the correct direction. You can create a custom language switcher by following our documentation guide here: https://wpml.org/documentation/getting-started-guide/language-setup/custom-language-switcher/

Then to add it to a div container that appears when hovering over the icon, please check this tutorial for more details: https://www.w3schools.com/howto/howto_css_display_element_hover.asp

If that didn't help, we suggest contacting one of the 3rd party contractors.

Relevant Documentation:
- https://wpml.org/purchase/support-policy/
- https://wpml.org/contractors/

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 contains 3 replies, has 2 voices.

Last updated by tillS-5 2 years, 7 months ago.

Assisted by: Mohamed Sayed.

Author Posts
June 9, 2022 at 10:04 am #11422959

tillS-5

Tell us what you are trying to do?
We need to redesign the language switcher.
We want to use globe icon and when hovering on it we will see the list of all languages - hidden link
Currently we have such results - hidden link

Is there any documentation that you are following?
I can't find wpml documentation how to cahnge that.

Is there a similar example that we can see?
hidden link

What is the link to your site?
hidden link

June 9, 2022 at 2:49 pm #11426323

Mohamed Sayed

Hi there,
Thanks for contacting WPML support.

At the moment it's not possible to create the language switcher in the way you mentioned without using custom programming.

I'm afraid it would be beyond the scope of our support forum, please check here for more details: https://wpml.org/purchase/support-policy/

However, I will try to point you in the correct direction. You can create a custom language switcher by following our documentation guide here: https://wpml.org/documentation/getting-started-guide/language-setup/custom-language-switcher/

Then to add it to a div container that appears when hovering over the icon, please check this tutorial for more details: hidden link

If that didn't help, we suggest contacting one of the 3rd party contractors from here: https://wpml.org/contractors/

Thank you for understanding,

Regards,
Mohamed

June 9, 2022 at 5:13 pm #11427239

tillS-5

Ok, thank you for pointing the correct way!