XF 2.0 Add a Google translator button

[Netsky]

Hi,

I'm a new Xenforo user and i need to add a Google translator button in our international forum :
https://theminixforum.com

I searched and found solutions but it worked on old 1.5 version and i can't find the good way to add this button.

I found some code to add from Google website itself but i don't know if it's the good way to work, where to post this code.

<div id="google_translate_element"></div><script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
}
</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

Thanks for your help !

 

[Niro]

Maybe PAGE_CONTENAIR template after the </head>

 

[Netsky]

Hi Niro and thanks !

Now the button appeared and worked, but it came on very top left.
Look : https://theminixforum.com

Do you think it's possible to have it near :
MINIX Forum

Thanks for your help.

 

[Niro]

I will check that tonight

 

[Netsky]

I will check that tonight

Thanks for your help.

 

[Netsky]

Hi Niro and thanks !

Now the button appeared and worked, but it came on very top left.
Look : https://theminixforum.com

Do you think it's possible to have it near :
MINIX Forum

Thanks for your help.

@Niro : Do you have an idea ? i don't want to kill the home page ...

 

[SyTry]

Hello,

You can use the widget to do that

Regards, SyTry

 

[Netsky]

Hello,

You can use the widget to do that

Regards, SyTry

Hello SyTry,

Do you have a link to explain how to manage this ?
I'm really newbie.

Thanks

 

[SyTry]

Hello SyTry,

Do you have a link to explain how to manage this ?
I'm really newbie.

Thanks

In your ACP, Appearance -> Widgets :

• /admin.php?widgets/

Add widget -> HTML

 

[Masetrix]

A really useful code snippet!
PAGE_CONTAINER template after </head> would be the right place for us here.
Unfortunately, it blocks the "reactions" of mobile devices in XenForo 2.1.2 (Responsive) as used here.
Does anyone know how to fix it?

 

[WavMixer2]

I just ran into this problem too. After installing the Select Language, the reaction emojis have reverted to the default "Like" only. It would be great if we could use both of these fine features. Did anyone find a solution to this?

 

[Chernabog]

I just ran into this problem too. After installing the Select Language, the reaction emojis have reverted to the default "Like" only. It would be great if we could use both of these fine features. Did anyone find a solution to this?

@Masetrix @SyTry I LOVE this idea, especially for a global site..so I had to go and try it too and the translations work perfectly! However, @WavMixer2 is right... for some reasons it only allows you to "Like" media all your other reactions become unavailable to select, even though old posts retrain them, until the google translate code is removed.

Since reactions are popular, I've turned that off for now. Perhaps a solution can be worked out or if it's even possible -- maybe we can commission a add-on dev to work some XF magic to make them both work? That would be awesome!

Thanks for sharing the code and idea @Netsky

 

[SyTry]

@Masetrix @SyTry I LOVE this idea, especially for a global site..so I had to go and try it too and the translations work perfectly! However, @WavMixer2 is right... for some reasons it only allows you to "Like" media all your other reactions become unavailable to select, even though old posts retrain them, until the google translate code is removed.

Since reactions are popular, I've turned that off for now. Perhaps a solution can be worked out or if it's even possible -- maybe we can commission a add-on dev to work some XF magic to make them both work? That would be awesome!

Thanks for sharing the code and idea @Netsky

We need to look at this yes ^^

 

[Chernabog]

We need to look at this yes ^^

is that possible to do? or to at least identify how google translate is breaking it? Ideally, if GT cannot "read" that popup - it should just ignore it and not translate it. It's odd to my no programming skills at all self ... that the little bit of GT translate code breaks that one piece of XF.

 

[Masetrix]

is that possible to do? or to at least identify how google translate is breaking it? Ideally, if GT cannot "read" that popup - it should just ignore it and not translate it. It's odd to my no programming skills at all self ... that the little bit of GT translate code breaks that one piece of XF.

How to get google translate to work only for one particular control and not the entire page?

I am trying to use google translate in my website to translate the text in a label from English to Hindi.To start off, I have used the following code which actually works for the entire page: <...

stackoverflow.com

Hth...

 

[Chernabog]

How to get google translate to work only for one particular control and not the entire page?

I am trying to use google translate in my website to translate the text in a label from English to Hindi.To start off, I have used the following code which actually works for the entire page: <...

stackoverflow.com

Hth...

Have you tried that with success @Masetrix ? The notranslate class makes sense, if I can figure out where to find the reactions to place it lol

 

[Masetrix]

I know how the problem comes about, but I don't have time to change it.
When the Google translator starts, it shifts all Javascript backwards. The "Likes buttons" are also available, only outside the visible area, at the bottom.
one would have to make sure that when loading a thread the googlescript does not try to translate the additional likes but rather the like buttons are ignored.

 

[Masetrix]

Ok, I did a couple of tests. Unfortunately, it doesn't work as expected.
You can (see screenshot my "like"=>"Bewerten" in german language.) prevent the "likes" from being translated,


but you cannot prevent the extended likes from being moved to bottom, see the next screenshots.

Codeview:


Userview:

 

[Masetrix]

The only solution I have found so far would be the posting that should be liked to scroll up to the Google bar, then the liking works, but only if the likebutton is not translated lol see screenshot

 

[Chernabog]

The only solution I have found so far would be the posting that should be liked to scroll up to the Google bar, then the liking works, but only if the likebutton is not translated lol see screenshot

View attachment 229246

hmmm could someone share the updated code... so i can tinker? This is almost worthy of XF dev talk... if they could find a way to make it an included option via google that didn't interfere with likes (I don't see it bothering anything else?) --- I mean... it would be a cool integration... very effective for global communities.