Issues with the Multi Language support of Backlight2

Dieter_Kurth · 2019-01-09 15:51:29

I have a question to the multi language support. I tied to start the multi language programming,
I found out some buttons which where not supported into the translations like Search Albums

I found that some popups are not translated like in to the Page responsegallery and here the button gallery information text pop up, All errormessages which come up if you do not select a picture and try to response

In the response gallery I do not see the Facebook, Instagramm which and language selection which I can see on my first page of my home page.

Also I have no idear to set the menue sets to a other language. Is it possible to get a step by step documentation, because I am a dummy in programming web pages.

Thank you very much for your effort.
Best regards
Dieter

rod barbee · 2019-01-09 21:58:44

Have you seen this document yet?
http://backlight.theturninggate.net/doc … ge_support

rod barbee · 2019-01-09 22:05:16

We’re you referring to the Gallery help pop up in a Client Response gallery?
That text actually comes from the album template.

Go to your template’s Add On section and scroll to the bottom.
The pop up is written in html. You’ll need to change the text portion that appears in the pop up.

To make it multi language, follow the advice in the multi language documentation.

rod barbee · 2019-01-09 22:08:12

About the Facebook and Instagram buttons, make sure you’re using the same page template for the album template.

If you post a link to an album we’ll get a better idea of what you’re seeing and will be able to better help.

Daniel Leu · 2019-01-10 00:43:22

Dieter_Kurth wrote:

Also I have no idear to set the menue sets to a other language. Is it possible to get a step by step documentation, because I am a dummy in programming web pages.

It is a bit cumbersome, but for the menu, you have to code each entry like this:

<span data-lang="en">Telephone</span><span data-lang="fr">Téléphone</span><span data-lang="de">Telefon</span>

The same trick can be used for some of the items for the contact page that are edited outside of the language editor.

rod barbee · 2019-01-10 00:57:00

Daniel, have you tried doing this in a menu set yet? So far, I can't get it to work. Instead of the chosen language showing in the menu, all languages are showing. See my test page: https://backlight-2-100.barbeephoto.com/lt/

Daniel Leu · 2019-01-10 04:47:04

rod barbee wrote:

Daniel, have you tried doing this in a menu set yet? So far, I can't get it to work. Instead of the chosen language showing in the menu, all languages are showing. See my test page: https://backlight-2-100.barbeephoto.com/lt/

I thought I used it during beta testing... but doesn't work for me either (anymore)...

Replacing <span> with <div> works:

<div data-lang="en">Gallery</div><div data-lang="fr">Galarie</div><div data-lang="de">Galerien</div>

rod barbee · 2019-01-10 04:52:43

thanks Daniel
works great.

Daniel Leu · 2019-01-10 05:13:00

rod barbee wrote:

thanks Daniel
works great.

Dieter_Kurth · 2019-02-20 04:40:50

Daniel Leu wrote:

Dieter_Kurth wrote:
Also I have no idear to set the menue sets to a other language. Is it possible to get a step by step documentation, because I am a dummy in programming web pages.
It is a bit cumbersome, but for the menu, you have to code each entry like this:
<span data-lang="en">Telephone</span><span data-lang="fr">Téléphone</span><span data-lang="de">Telefon</span>
The same trick can be used for some of the items for the contact page that are edited outside of the language editor.

In witch file I have to code the menue?
Or in which area of backlight I have to put the code?
Thank you four your help
Best regards
Dieter

rod barbee · 2019-02-20 05:21:37

no file. do this in your menu set.

In Backlight, go to Designer > Menu Sets

Click on Design for your menu set. Enter the code needed in each field. Use divs instead of spans, like Daniel mentioned above. I find it easier to write it out in a plain text editor first then copy and paste into the Menu Set fields in Backlight.

volvoxturbo · 2019-03-23 04:21:13

Hello all,

how to set up Album Title and Album Description multi language???

Album Title:
<div data-lang="en">
English language
</div>
<div data-lang="de">
Deutsche Spache
</div>

doesn't work.

Any suggestions?

Thanks in advance!

Best regards,
Oliver

Last edited by volvoxturbo (2019-03-23 04:21:33)

Daniel Leu · 2019-03-23 05:05:45

I can reproduce this. I think you will run into the same problem with the caption and title of images.

Can't think of a solution for this right now.

volvoxturbo · 2019-03-23 05:51:42

Album Title:
<div data-lang="en">
Exactly
</div>
<div data-lang="de">
Genau
</div>

:-(

Matthew · 2019-03-23 12:02:10

Unfortunately, it's not possible to insert HTML into album title or description, or image titles or captions. This is due to a variety of limitations, such as code structure, data sourcing (from Lightroom's metadata, for example), and in how we use this information (oftentimes in places where HTML cannot be embeddings, such as in IMG alt attributes, the document's TITLE element, social media Open Graph Protocol, etc.)

volvoxturbo · 2019-03-25 02:38:02

Thank you Matt for letting me know.

Is there any idea on how to show an German Album Set after switching the languange? Maybe by using phplugins???

Best regards,
Oliver

rod barbee · 2019-03-25 03:01:02

there is no phplugins hook for album or album set titles

one option, not really a great one, is to create parallel album sets, one in English and the other in German.
Maybe parallel top level galleries.
This means publishing each album and album set twice but it's the only thing I can think of.

In your menu set you would then have Galleries-English and Galleries-German

maybe someone will have a more elegant solution...

Ariaan · 2019-04-11 15:07:00

I'm happy with the languages option, it's a great addition to Backlight. And putting the language divs in the contact form labels and other fields in Backlight works fine, but there's one problem I ran into: in the contact form they force the asterisk onto a new line.

Example:
<div data-lang="nl">Telefoonnummer</div><div data-lang="en">Phone number</div>

Phone number
* [ ]

Is there any way to avoid this line break? The contact form labels that are taken from the official languages files don't have this problem.
Also, I noticed that some field labels are in bold type and others aren't. Can this have anything to do with the language divs?

Link to my current (in progress) contact page: http://ariaanblok.nl/contact.php

pideja · 2019-04-11 21:20:50

rod barbee wrote:

there is no phplugins hook for album or album set titles
one option, not really a great one, is to create parallel album sets, one in English and the other in German.
Maybe parallel top level galleries.
This means publishing each album and album set twice but it's the only thing I can think of.
In your menu set, you would then have Galleries-English and Galleries-German
maybe someone will have a more elegant solution...

I do something similar: separate French and English pages in parallel. lucnadeau.ca
I translated everything I could find in Language Management, in Contact Forms and even most if not all labels.

rod barbee · 2019-04-11 23:20:58

Ariaan wrote:

I'm happy with the languages option, it's a great addition to Backlight. And putting the language divs in the contact form labels and other fields in Backlight works fine, but there's one problem I ran into: in the contact form they force the asterisk onto a new line.
Example:
<div data-lang="nl">Telefoonnummer</div><div data-lang="en">Phone number</div>
Phone number
* [ ]
Is there any way to avoid this line break? The contact form labels that are taken from the official languages files don't have this problem.
Also, I noticed that some field labels are in bold type and others aren't. Can this have anything to do with the language divs?
Link to my current (in progress) contact page: http://ariaanblok.nl/contact.php

Did you change anything? Because the form looks fine to me.

As to the inconsistency of the bold text. I believe all the field labels should be bold. However, looking at the source code I see you've got <b> tags. The <b> tag is depricated from html5. I also see that you've got some out of place closing </b> and </p> tags.
These may be causing the problem.

Instead of using <b> tags to make text bold, surround the text you want to be bold by <strong> tags:
<strong>This text is bold</strong>.
Or simply us Markdown in the page or form copy. To make text bold using Markdown, you add two underscores before and after the word or string of words: __These words are in bold__

more on Markdown here: http://backlight.theturninggate.net/doc … h_markdown

Ariaan · 2019-04-12 01:27:42

Thanks Rod. I did a clean install of Backlight today and rebuilt the webpages I have so far. I replaced the <b> tags in the contact form invitation with <strong> tags, as you suggested. But I'm still not seeing Phone Number and Message in bold type, and the asterisk is also still on the line below these labels. I'm not using Markdown here because I want to be able to display this text in multiple languages. I don't think that's possible with Markdown.

Daniel Leu · 2019-04-12 01:55:27

Using the <span></span> tag should do the trick:

<span data-lang="en">Telephone</span><span data-lang="fr">Téléphone</span><span data-lang="de">Telefon</span>

rod barbee · 2019-04-12 02:27:19

Ariaan wrote:

Thanks Rod. I did a clean install of Backlight today and rebuilt the webpages I have so far. I replaced the <b> tags in the contact form invitation with <strong> tags, as you suggested. But I'm still not seeing Phone Number and Message in bold type, and the asterisk is also still on the line below these labels. I'm not using Markdown here because I want to be able to display this text in multiple languages. I don't think that's possible with Markdown.

Oops sorry about that.
There is still some strangeness going on. This is what I see when looking at the page source code:

<p><p><strong></p>
<div data-lang="nl">Neem voor meer informatie contact met mij op.</div>
<div data-lang="en">Please contact me for more information.</div>
<p></strong></p></p>

I'd try Daniels suggestion of using span. You can style the span elements like this:

Daniel Leu · 2019-04-12 03:17:01

rod barbee wrote:

I'd try Daniels suggestion of using span. You can style the span elements like this:
<span style="font-weight:bold;" data-lang="nl">Your text.</span>

Rod, there is no need to add this additional styling since it now will use the default style for the label which is bold (eg, weight 600 if I remember correctly).

rod barbee · 2019-04-12 03:20:59

Ah. That's right.

Community @ The Turning Gate

#1 2019-01-09 15:51:29

Issues with the Multi Language support of Backlight2

#2 2019-01-09 21:58:44

Re: Issues with the Multi Language support of Backlight2

#3 2019-01-09 22:05:16

Re: Issues with the Multi Language support of Backlight2

#4 2019-01-09 22:08:12

Re: Issues with the Multi Language support of Backlight2

#5 2019-01-10 00:43:22

Re: Issues with the Multi Language support of Backlight2

#6 2019-01-10 00:57:00

Re: Issues with the Multi Language support of Backlight2

#7 2019-01-10 04:47:04

Re: Issues with the Multi Language support of Backlight2

#8 2019-01-10 04:52:43

Re: Issues with the Multi Language support of Backlight2

#9 2019-01-10 05:13:00

Re: Issues with the Multi Language support of Backlight2

#10 2019-02-20 04:40:50

Re: Issues with the Multi Language support of Backlight2

#11 2019-02-20 05:21:37

Re: Issues with the Multi Language support of Backlight2

#12 2019-03-23 04:21:13

Re: Issues with the Multi Language support of Backlight2

#13 2019-03-23 05:05:45

Re: Issues with the Multi Language support of Backlight2

#14 2019-03-23 05:51:42

Re: Issues with the Multi Language support of Backlight2

#15 2019-03-23 12:02:10

Re: Issues with the Multi Language support of Backlight2

#16 2019-03-25 02:38:02

Re: Issues with the Multi Language support of Backlight2

#17 2019-03-25 03:01:02

Re: Issues with the Multi Language support of Backlight2

#18 2019-04-11 15:07:00

Re: Issues with the Multi Language support of Backlight2

#19 2019-04-11 21:20:50

Re: Issues with the Multi Language support of Backlight2

#20 2019-04-11 23:20:58

Re: Issues with the Multi Language support of Backlight2

#21 2019-04-12 01:27:42

Re: Issues with the Multi Language support of Backlight2

#22 2019-04-12 01:55:27

Re: Issues with the Multi Language support of Backlight2

#23 2019-04-12 02:27:19

Re: Issues with the Multi Language support of Backlight2

#24 2019-04-12 03:17:01

Re: Issues with the Multi Language support of Backlight2

#25 2019-04-12 03:20:59

Re: Issues with the Multi Language support of Backlight2

Board footer