Today we want to show you how to make your Gridbox website multilingual. Joomla Website Builder Gridbox and multilanguage, it's a very common question on our Forum, so we decided to create a blog post with detailed instruction.
But before we begin with "How to Set Up a Multilingual Joomla Website with Gridbox" we want to introduce you a new section of our blog - Tips and Tricks. We plan to answer on most common questions for our Joomla Extensions: Gridbox, Gallery and Forms.
We are sure that section Tips and Tricks will be useful for beginners and for more advanced Joomla! users.
In the Internet you can find a huge number of articles, how to create a multilingual Joomla! site, they are all very similar to each other. In this article, we'll show you how to create multilingual Joomla! site with Gridbox.
Joomla is an excellent СMS, because with Joomla you can set up multilingual website without external extensions, all you need to create a multilingual site is already included.
Before you start developing your first Joomla! multilingual website we recommend that you adhere to the following rules:
Start simple, so you can quickly understand the basic principles of creating multilingual Joomla! websites.
In the example we will create 2 x lingual website: English - German. In the same way you can build 10x lingual website.
1.1. Duplicate Theme
On the Gridbox dashboard, click the button “Themes”. Select a theme that you are using and duplicate it by clicking on the button “Duplicate”.
1.2. Rename Duplicate Theme
Click on the button “Settings”, in opened modal window enter a Theme Title (for example, “German - Theme”) and click the button “Save”.
Also, you need to rename your original theme to "English - Theme".
2.1. Duplicate Pages
Right-click on the Home page and select “Duplicate” from the context menu.
2.2. Rename and Assign Gridbox Pages
On the newly duplicated Home page, right-click and select “Settings”.
In the opened window enter the Page Title (for example, German - Home). Also change the Alias (for example, home-de).
Click Theme and in the dropdown list assign German - Theme and click the button “Save”.
Click the icon “Publish Item”.
Note!
All the next pages for the German language should be assigned to the Gridbox Theme “German - Theme”.
In the Joomla admin panel, go to Extensions ➝ Manage ➝ Install Languages.
Using the Search enter the name of the language (in our case German). Then click “Install”.
In the Joomla admin panel, click Extensions ➝ Language(s) ➝ Content Languages.
On the Languages: Content page, click the button “New”.
Fill in all the required fields and click “Save & Close”.
More about required fields you can find here: Creating a Content Language.
Go to Extensions ➝ Plugins.
In the search, enter the Language Filter and click Enable plugin.
On the experimental site, we configure two languages, English (default) and German. Therefore, we need to create two Menu. As a result, we should get:
To do this in the Joomla admin panel, select Menus ➝ Manage ➝ Add New Menu.
Enter the title “Main Menu German”, fill in the remaining fields and click “Save & Close”.
* The same procedure should be done for the English language.
7.1. Create Menu Item
From the Joomla Admin Panel go to Menus ➝ Manage ➝ Main Menu German ➝ Add New Menu Item.
7.2. Assign Gridbox Page
Enter Menu Title.
Select Menu Item Type. Click Gridbox and then Page.
In the App field select Pages.
In the Page field, select the Gridbox Page “German - Home”.
7.3. Assign German Language
Open the Language list ➝ select Germany (DE).
Navigate to the tab Associate ➝ open the English dropdown list ➝ select a suitable English menu item ➝ click “Save & Close”.
7.4. Assign Default Page for Each Language
Click on the icon “Star” to assign a default page in Menu German.
* Repeat step 7 for English.
Go to Extensions ➝ Modules.
Click the button “New”.
In the opened list select Menu.
Enter Module Title.
Select Menu German.
Click the button “Save & Close”.
* The same procedure should be done for the English language.
Click Extensions ➝ Modules ➝ New.
Select Language Switcher from the list.
Enter the module title and click “Save & Close”.
Go to Components ➝ Gridbox.
Open page German - Home.
Click Edit Menu.
Select the Module Menu.
Click the button “Save”.
Add 3RD Party Plugins Joomla Modules. Select Language Switcher and click the button “Save”.
* Repeat steps 10 and 11 for English.
At first glance, it looks very difficult. Yes, it's not very simple for a beginner, because it includes a lot of steps. But by following the above recommendations you can build a multilingual website.