Multilingual site with Falang -February 2025

Introduction

A different approach to creaing a multilingual site is to add the Falang Component to a regular non-multiligual Joomla site. This article describes installing the Falang Component, which is available from Joomla extensions-Farlang (opens in a new window/tab), to add French and German llanguages

There are some 'regular' articles and article categories in English together with a Menu and Menu Items. The French and German versions are then created with Falang. Here we are using the 'Pro' version of Falang which may be used on many sites. This is a paid version. There are also versions that are restricted to a single site at a lower cost and a free version.

Falang is compatible with Joomla 4 and Jooml5.

Before starting with Falang ensure your site is working well and is as you want it in English.

Installing Falang

This follows the usual procedure of installing a component. Here it is assumed that Falang has been downloaded and is located in a suitable directory on your PC or laptop.
In Joomla select the Home Menu and then click on the button system button

This gives the system dashboard page. 

Find the section button install and click on V4 button extensions.
Home menuextension menu


This shows the various ways of installing an extension.

If using the V4 tab upload package file method then either browse for or drop the Falang zip file onto the web page.

This goes through two stages:
Uploading and Installation.  A progress bar is shown.
drag and dropis

As well as the usual acknowlegement of a successful installation Falang shows a message such as illustrated opposite.

Two plugins and a module are also installed.
V4 installation succesfull
It also gives a message:V4 system plugin fixed.
The actual plugis that have been added are shown opposite.
V4 falang system plugins

Verify Instalation


There are five items that should have been installed as indicated opposite.
To find these items click on V4 button system then in the V4 button manage tab section click on V4 button Extensions. Next set the Search to V4 farlang search
If one or more are missing then you need to re-install. If it fails again then contact Farlang (opens in a new window/tab)
V4 instalation verify
Next we need to check the plugins. So go to  . In the  section search for V4 button plugins. Set Farlang into the searchV4 farlang search and click on theV4 button search This should bring up the view as shown opposite. Ensure the Status is enabled.V4 show farlang plugins

Install Language Packs

It is convenient at this stage to install the relevant Language Packs.  In this example we will install French and German.
First we will install the French Language Pack. So goto V4 button system - then in the V4 button manage section section click on V4 button languagest. Next click on V4 button install languages. Scroll down the list of languages to find French and click on the V4 button install language button. This should reply with a message such as V4 installation of language pack ok. Repeat the process for German.

We now have to publish the languages. So in the V4 button manage sectionsection, this time click on V4 button content languages.
The recently installed languages will have a V4 tick symbolsymbol. So Select both French and German and click on theV4 symbol cross symbol. They will now have a V4 symbol tick2symbol indicating they are published.V4 content languages enabld

System Language Filter

We also need the System-Language Filer. The System-Language Code and Web Service-Languages are also useful.
To find these click on V4 button system. Then in section V4 button manage click on V4 button plugins. Then in the Search Bar set 'language'. Then click on the Search bar V4 language filter search. This shows that the three system language plugins as illustrated opposite are not enabled. So click on the V4 symbol cross to enable themV4 system plugins02

Configure FaLang Language Switcher

Go to V4 button system then in the V4 button manage section select V4 button site modules. Then search for Falang. This will show the V4 farlang language swithchermodule which we need to configure. Click on the module name to open it.
In the Module tab on the righthand side select the Position to show.

For the standard Joomla template it is usually 'sidebar-right'. 

Also ensure that Status is Published and Access is Public.

On the lefthand side ensure both 'Use Dropdown' and 'Use advanced dropdown, are both set to No.

Set the Options 'Horizontal Disply, Active Language, Use Image Flags and  Language Full Names'  to Yes and Show Name to No as illustrated opposite.

Leave both Pre-Text and Post-text empty.

In theV4 module tab tab ensure that access is set to Public.

In the V4 button menu assignment tab tab ensure it is set to show 'on all pages'.
V4 Language module moduletab settings


When viewed in the front end as illustrated opposite it shows support for German, French and English
V4 frontenf FaLang language switcher

Setup language translation service

This Translation Service is needed to provide Previews In Falang. The actual translations are done externally by say DeepL or Google Translate  ( Each Link opens in a new window/tab). Google is free to use and DeepL has a free option.

Select V4 button system then in the V4 button setup section section at top left, click on V4 button global configuration. Below this is long list of Components as illutrated opposite. Scroll down until you find V4 button gt FaLang. Now click on it.

This opens up a set of choices
V4 farlang choices

.

So click on  V4 translation engines. This will allow selection of the actual translation service.  In this example we will select Deepl as it has a free translation service as well as a paid one.

V4 components list02
Use theTranslation Service * pulldown to select DeeplV4 select Deppl. Then ensure you set Yes in 'Use Deepl Free Version'V4 use deepl free version.The actual translations are done externally.  I have used either Google Translate or Deepl Free when creating language content in my demonstration site
V4 choose translation service
You will see a message V4 configuration saved messageand also a message V4 notice download id
NB As the latest version is already installed then there is no need for the Download ID at this stage


Click on V4 button components then on v4 button falang and then on V4 button control button

At bottom right it shows that there are some extra plugins available.  One will advise about Missing Translations, another gives compatibility with Smart Search and the third one gives compatibility with Joomla Tags.

To install these additional plugins you need to be logged in to your faboba account (opens in a new window/tab)
Then click on each link of the "extras" that will be useful.on your site.
.
V4 status config tools extra plugins

Add your Falang ID

To Download the "extra" plugins you need to have your Download ID. To find your unique Download ID you need to login to your to your faboba account (opens in a new window/tab) Then at top left select V4 faoba my account This shows a pulldown menu. Next click on v4 faboba my licenses.This will show your Download ID. So make a copy somewhere safe.  Then enter your Download ID into V4 button componentsv4 button falangV4 button control panelV4 button options - V4 button basic tabtab.and then copy the ID into the Download ID field as shown opposite

V4 download id add

Translate Menu Items

The first action is to add menu items to the Main Menu. This will then allow checking in the front end on the progress as aspect are added.


A suitable Menu Item is Article Category List as shown opposite.


Note the FaLang V4 french german selection buttons. These enable us to create the corresponding French and German Menu Items items.

Ensure the item language is All.
V4 menu category listAfter creating the Category List for English note the two buttons on the far right V4 french german selection. These are the FaLang 'buttons' to create the French and German equivalent structure.

V4 category list en
Farlang does not do any translations itself. It provides the infrastructure and organisation. I used either Deepl or Google Translate as both have free editions.
As described below using the copy source button, v4 button copy source, transfers the English from the left side to the right side. You are then able to copy the English source from the right hand side, get it translated and then copy & paste the translation over the English
After clicking on the V4 button fr selectbutton then set the relevant entries in the Target, which in this example is French, by using thev4 button copy source button. to copy this English text and then use an external translation service to get the relevant French text.  Copy the translated text and paste over the English on the right hand side.  Repeat for each section.

Repeat for the German language version by clicking on the V4 button de selectbutton.
V4 create article category in french
Next we will translate two existing English articles, namely The 'Hare and the Tortoise' and 'The Grass Hopper'.

Each article is translated individually, that is two French and two German articles by selecting the V4 button fr selectbutton or the V4 button de select button.

Note that the Title and the Article Text were translated by the Free version of DeepL and copied to the right hand side,except for the alias which is created automatically during the Save & Close. 
V4 articles in English
the result to the

Translate Menu Items

The first action is to add menu items to the Main Menu. This will then allow checking in the front end on the progress as aspect are added.


A suitable Menu Item is Category List as shown opposite.


Note the FaLang V4 french german selection buttons. These enable us to create the corresponding French and German Menu Items items as noted in more detail later.


V4 menu category list

Translate Article Categories and Articles

In the test website we have article category with the name 'General Articles Category.

Note that there is a column called FaLang with French and German options, V4 french german selection.
So to generate say the French translation click on the FR option
V4 articlecategories untranslated

This gives a view of the English Language on the Left. and the French on the right  So fill in the coresponding parts with the French translations on the right.

Farlang does not do the translation itself so you have to use an external service. Free translation services are available from  Google Translate and DeepL

Note this view only shows the top part of the Target section.  There are other parts further down.

Also note the need to ensure it is Published
V4 translate to french category

Example Article Translations





The article shown opposite is the Hare and Tortoise in English
V4 engilsh hare tortoise




The article shown opposite is the Hare and Tortoise in French
V4 french hare tortoise



The article shown opposite is the Hare and Tortoise in German
V4 hare tortoise german

Configure jDownloads in use with Falang

The first step is to add the jDownloads French and German Languages to jDownloads
This is decribed in detail in article Install a jDownloads Language Pack (opens in a new window/tab).

JDownloads has Categories and Downloads. The jD categories are similar to Article categories complete with sub categories    A Download obviously has a title, an alias, permissions, access level, user access, a publication status, a language attribute and it is located in a jD category.  Optionally it may also have descriptions, symbols, images, previews, price, licence and many other items.  All of these are stored in the database.

 A Download includes a downloadable file.  The downloadable file itself is not in the database. In most cases it is stored on your site in a sub-directory of the jDownloads directory, but it may also be stored on an external site, see downloads on external site (opens in new window/tab) for more information.

For a particular jD category and Download then with Falang the same file will be downloaded irrespective of the current language.


In this example, as illustrated opposite, we will have a main category, called Test Dir with two sub categories called pdf files, with 2 published Downloads, and zip files, with 4 published Downloads.
V4 jdownloads categories



The three images opposite all reference the same actual Download when shown in the jD Download Details view.

They were viewed using the Farlang Language Switcher V4 farlang switcher front end.

The information has not changed, only the language it was displayed in.

Note: Sometimes when showing French then a text string is still shown in English. This is because the French jD translation is not itself complete. In this example all items were translated.





V4 jD info env4 jD info frV4 jD info de

Downloads with Descriptions

TEXTIMAGE
TEXT
TEXTIMAGE
TEXT
TEXTIMAGE
TEXT
TEXTIMAGE
TEXT
TEXTIMAGE
TEXTIMAGE
ColinM Febuary 2025

Print Email