How to Set Up a Multilingual Joomla Website with Gridbox

How to Set Up a Multilingual Joomla Website with Gridbox

Today we want to show you how to make your Gridbox website multilingual. 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.

Introduction

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.

Recommendations Before Starting

Before you start developing your first Joomla! multilingual website we recommend that you adhere to the following rules:

  • No more than 2 languages for the first time;
  • Start with a 1 page.

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.

Step 1: Duplicate Gridbox Theme for Each Language

1.1. Duplicate Gridbox Theme

From the Joomla Admin Panel select Components >> Gridbox >> Themes. Select a theme that you are using and duplicate it by clicking on the button "Duplicate".

Duplicate Gridbox Theme - How to Set Up a Multilingual Joomla Website with Gridbox


1.2. Rename Gridbox Theme

Select duplicated theme (item 1.1) and click on the button "Settings". In the opened dialog enter new name for theme, f.ex. "German - Theme" and click on the button "Apply"

Rename Gridbox Theme - How to Set Up a Multilingual Joomla Website with Gridbox

Also, you need to rename your original theme to "English - Theme"

Step 2: Duplicate Gridbox Page for Each Language

2.1. Duplicate Gridbox Page

From the Joomla Admin Panel select Components >> Gridbox >> Pages. Select "Home Page" and duplicate it by clicking on the button "Duplicate".

Duplicate Gridbox Page for Each Language - How to Set Up a Multilingual Joomla Website with Gridbox


2.2. Rename and Assign Gridbox Page

Select duplicated page (item 2.1) and click on the button "Settings". In the opened dialog enter new name for page, f.ex. "German - Home" and assign page to "German - Theme" and click on the button "Apply"

Rename and Assign Gridbox Page - How to Set Up a Multilingual Joomla Website with Gridbox

NOTE: All your future pages for German language you need always assign to Gridbox theme "German - Theme"

Step 3: Install Additional Language

3.1. Navigate to Install Languages page

From the Joomla Admin Panel select Extensions Manager >> Manage >> Install Languages

Navigate to Install Languages page - How to Set Up a Multilingual Joomla Website with Gridbox


3.2. New Language Installation

Enter the language name you wish to install (in our case it's a German Language), and click on the button "Install".

New Language Installation - How to Set Up a Multilingual Joomla Website with Gridbox

Step 4: Create New Content Language

4.1. Navigate to Content Language page

From the Joomla Admin Panel select Extensions Manager >> Language(s) >> Content Languages. On the page "Languages: Content" click on the green button "New".

Navigate to Content Language page - How to Set Up a Multilingual Joomla Website with Gridbox


4.2. Fill Required Fields

Set up a new content language for your site. Fill out the required fields and click on the button "Save and Close"

Fill Required Fields - How to Set Up a Multilingual Joomla Website with Gridbox


  • Title - German DE;
  • Title Native - German DE;
  • Language Tag - de-DE;
  • URL Language Code - de;
  • Image - de-de.

More about required fields you can find here: Creating a Content Language.

Step 5: Enable the Language Filter Plugin

Go to Extensions Manager >> Plugins >> Search for Language Filter and Enable it.

Enable the Language Filter Plugin - How to Set Up a Multilingual Joomla Website with Gridbox

Step 6: Create Menu for Each Language

On our test website installed 2 languages: English (Default), German. So, we need to create 2 new menus. In a final we should get:

  • Main Menu;
  • Main Menu English;
  • Main Menu German;

From the Joomla Admin Panel select Menus >> Manage >> Add New Menu

How to Set Up a Multilingual Joomla Website with Gridbox

Enter title "Main Menu German" and other required fields and click on the button "Save and Close"

Create Menu for Each Language - How to Set Up a Multilingual Joomla Website with Gridbox

* The same procedure should be done for English language.

Step 7: Create Menu Items for Each Language

7.1. Create New Menu Item

From the Joomla Admin Panel go to Menus >> Manage >> Main Menu German >> Add New Menu Item

Create New Menu Item - How to Set Up a Multilingual Joomla Website with Gridbox


7.2. Assign Gridbox Page

Select "Menu Item Type". In the opened modal window select "Gridbox" >> "Page", and Select Gridbox Page "German - Home"

Assign Gridbox Page - How to Set Up a Multilingual Joomla Website with Gridbox


7.3. Assign German Language

Assign a Language to this menu item, select Germany (DE) and click on the button "Save and Close"

Assign Language - How to Set Up a Multilingual Joomla Website with Gridbox


7.4. Default Menu Item

Click on the icon "Star" to make menu item as a Default menu item in German Language

Default Menu Item - How to Set Up a Multilingual Joomla Website with Gridbox

* The same procedure should be done for English language

Step 8: Create Menu Module for Each Language

Go to Extensions >> Modules >> Click on the green button "New" >> from the list select "Menu".

Create Menu Module for Each Language - How to Set Up a Multilingual Joomla Website with Gridbox

Enter the module name, select menu and press on the button "Save and Close"

Enter Module menu Name - How to Set Up a Multilingual Joomla Website with Gridbox

* The same procedure should be done for English language.

Step 9: Create a Language Switcher Module

Go to Extensions >> Modules >> Click on the green button "New".

Select Language Switcher from the list.

Create a Language Switcher Module - How to Set Up a Multilingual Joomla Website with Gridbox

Enter the module name, publish it and press on the button "Save and Close"

Step 10: Assign Created Menu Modules to Gridbox Theme

From the Joomla Admin Panel select Components >> Gridbox >> Pages. Open Gridbox Page "German: Home"

Open Gridbox Page - How to Set Up a Multilingual Joomla Website with Gridbox

Click on the button Edit Menu. In the "Options Panel" of the Main Menu navigate to "Options" and click on the button "Select menu". From the list, select "Main Menu German"

 Assign Created Menu Modules to Gridbox Theme - How to Set Up a Multilingual Joomla Website with Gridbox

* The same procedure should be done for English language

Step 11: Display Language Flags

Open Gridbox Page "German: Home". Using Gridbox Plugin "Joomla Modules" add Flags into Gridbox Page.

Display Language Flags - How to Set Up a Multilingual Joomla Website with Gridbox

* The same procedure should be done for English language

At first glance, it looks very difficult. Yes, it's not very simple for beginner, because it include a lot of steps. But by following the above recommendations you can build multilingual website.