Liquid: What are the suggested best practises for multiple languages?

Question

Right now we are doing this:
{% if globals.country == "EU" %}
{% assign login = "Log in" %}
{% assign userName = "Username" %}
{% assign password = "Password" %}
{% assign rememberMe = "Remember me?" %}
{% assign confirmLogout = "You are now logged out!" %}
{% endif %}
{{login}} would output "Log in"
Another thought would be to have it all in a string with commas and split it, like this:
{% if globals.country == "EU" %}
{% assign strings = "Log in;Username;Password;Remember me?;You are now logged out!" %}
{% assign lang = strings | split: ";" %}
{% endif %}
{{lang[0]}} Would output "Log in".
What are the best practises here?
I would imagine either being slower than the other as well, maybe Adobe have some input?

Answer 1

Hi Machinette,
Use your first option in my opinion:
A webapp where each item would contain a field for each language. i.e.  item 1 name login; en -> Log in; es -> Iniciar sesion. item 2 name logout; en -> Log iout; es -> Cerrar sesion....
Here's an example of my multilingual web apps:
FAQs:
EN Question
JP Question
EN Answer
JP Answer
Testimonials:
Title-NZ
Title-JP
Quote-Preview-NZ
Quote-Preview-JP
Quote-Full-JP
How did you hear about us:
Title_En
Title_JP
Multilingual Text:
Text_En
Text JP
As you can see above, the items in the web apps form the different multilingual text - the different FAQs, the different Testimonials, the different Multilingual Text. The domain name needs to determine the language. Very important. And use a globals.site.countryCode to determine the language.
The key is when you want to reference that item. I think Abhishek was onto it using JSON files, easy to select the text you want. If JSON files don't work, here's what you do:
{module_webapps id="Multilingual Text" filter="i" itemId="4951580"}<!-- login -->
{module_webapps id="Multilingual Text" filter="i" itemId="4951611"}<!-- Try Lesson 1 -->
{module_webapps id="Multilingual Text" filter="i" itemId="4951612"}<!-- Join for free -->
Else place everything into a collection, but I have hundreds of items, so I don't want to collect too many records. Only the ones I need per page.
Finally, here's my code for one of the web apps, FAQs.
{% assign countrycode = globals.site.countryCode -%}
{% case countrycode -%}
{% when 'JP' -%}
<div class="faq-question">
    <h4>{{this['JP Question']}}</h4>
    <div class="faq-details">
        <div class="answer"><p>{{this['JP Answer']}}</p></div>
    </div>
</div>
{% else -%}
<div class="faq-question">
    <h4>{{this['EN Question']}}</h4>
    <div class="faq-details">
        <div class="answer"><p>{{this['EN Answer']}}</p></div>
    </div>
</div>
{% endcase -%}
http://www.samandmelenglish.com/faqs
http://www.samandmelenglish.jp/faqs
Hope this helps.
Stephen - Fuel Design