Skip to main content

Joomla 3 tutorials

How to configure a multilanguage site in Joomla

How to configure a multilanguage site in Joomla? Part 2.

In this article I'll show you how to make content for multi-language site. It’s second part of our tutorial, so if you are just starting your adventure with creation of a website, that provides support for multiple languages, I suggest you to read this article:

TIP: Multilanguage Joomla 3 site - learn how to do it in 5 simple steps.

As an example, I will create content for the Polish language, but in the same way you can create content for any other language.

Step 1 - Menu Configuration

As a reminder our page now looks like that:

 

Menu Configuration

 

We have a language switcher, but as you can see the entire content of the page is still in the default language. In the previous tutorial in the 5th step we created a menu for each of the installed languages. In this step, you need to duplicate/create a menu module for each of these languages.

Go to Extensions -> Modules -> DJ-Menu and set Language as your default language, in our case: English. Click Save and then Save as Copy.

 

Menu Configuration

 

Now set duplicated menu as follows:

  1. Title - type title for your menu item
  2. Menu Name - choose menu for your language that you have previously created
  3. Language - set a language
  4. Status - set as Published
  5. Click Save and Close.

 

Menu Configuration

 

Now our menu with the default language looks poorly, because it contains only the home page. Time to move on!

Let’s translate the menu item. Go to Menu -> Main Menu. Select an item to translate.

  1. Language - choose default language, in our example English
  2. Click Save and Close.
  3. Click Save as Copy.

 

Menu Configuration

 

For duplicated menu item set fields as follow:

  1. Menu title - type title in native language
  2. Langage - set a language
  3. Menu Location - choose menu for your language, which you have previously created
  4. Click Save and Close.

 

Menu Configuration

 

Now go back to edited item, open Associations tab and associate default item to created item.

 

Menu Configuration

 

Repeat this for all menu items. Your menu could look like that:

 

Menu Configuration

 

And after switching to Polish language:

 

Menu Configuration

 

Step 2 - Articles Configuration

Now we'll create a category in which we'll place articles for additional language. Go to Content -> Categories -> Add new category.

 

Articles Configuration

 

  1. Title - type a title of category.
  2. Click Save and Close.

 

Articles Configuration

 

We want to create an article for the home page in additional language. Go to Content -> Articles -> Add new article.

 

Articles Configuration

 

  1. Title - type a title of article.
  2. Content - fill in content
  3. Category - select a category
  4. Click Save and Close.

 

Articles Configuration

 

Now you can assign article to home page. Go to Menus -> Main Menu PL -> Home page.

  1. Menu Title - change title of menu item (translate it)
  2. Select Article - select created article
  3. Click Save and Close.

 

Articles Configuration

 

Well done! So that’s the way to create a single article and assign it to menu item.

 

Articles Configuration

 

In the same way you can add more articles and instead of single article view, set for example a blog view. You can use single article to build tabs, too. Remember, that we change only a content.

 

Articles Configuration

 

Articles Configuration

 

Step 3 - Modules Configuration

Most modules will translate automatically, but we have to change content for custom modules.

As an example take care of these three modules:

 

Modules Configuration

 

Go to Extensions -> Modules and edit the module. In our example it is Time Machine module.

 

Modules Configuration

 

Go to Menu Assignment and assign it to default menu, then click Save as Copy.

 

Modules Configuration

 

Now in duplicated module we change only this part of code:

 

Modules Configuration

 

Then assign it only to your additional main menu (as above) click Save and Close. Do it the same way to other two modules.

Now your modules looks like that:

 

Modules Configuration

 

 

TIP: How to create a custom HTML module

More information about creation and customization of modules you can find in manual of your template!

How to configure a multilanguage site? Part 1.