Translating your site into several languages can expand your audience considerably. With JomClassifieds it’s just a few intuitive steps away. Let me make it even easier for you.

Step 1: Install Jom Classifieds package and go to Extensions -> Extension Manager.

Extension

Step 2: Click Install Languages.

Languages

Step 3: Enter the language name you want to install (e.g. ‘French’) in the Search field and click the magnify glass icon.

Language_name

Step 4: Check the language and click Install

Install_language

Step 5: Wait till you get a message saying the new language’s been installed successfully.

Language_Installed

Step 6: Go to Extensions ->Language Manager.

Language_Mananger

Step 7: Click the Content tab, and then click New.

Content_Languages

Step 8: Create a new content language with unique parameters. For example, for French the fields should be filled in this way.

Unique_Parameters

Step 9: Click on Save and Close. You will see a message saying "Content Language successfully saved".

Content_Saved

Step 10: Go to Extensions -> Plugin Manager.

Plugins

Step 11: Look for one called System – > Language Filter and enable it.

Language_Filter

Step 12: To create a language switcher, go to Extensions -> Module Manager.

Language_Switcher

Step 13: Click New.

Click_New

Step 14: Select Language Switcher.

Select_Switcher

Step 15: Enter the module name, make sure its set to published, select its position and click Save.

Name_Plublished

Step 16: Now you need to create a menu for every installed language and leave one additional for both languages. That is, if you have English and French installed, you will have to create menus both for English and French. Check, which of your menus is set to be the default menu (has a home icon). For example, if you have the Main Menu with the default menu item, you are going to use it for all languages, and additionally you will need to create two more Main Menus for English and the new language you have just installed. Go to Menus -> Menu Manager -> Add New Menu.

New_Menu

Step 17: Enter all necessary fields for the English language and click Save and Close.

Menu_Details

Step 18: Go to Menus -> Menu Manager -> Add New Menu again and enter the necessary fields for your new language (e.g. French) and click Save and Close

Menu_Type

Step 19: Now you need to add new menu tabs to each of the main menus based on those already added to the default Main Menu. You can go to Menus -> Main Menu for Eng -> Add New to add the menu but the easiest way would be to just duplicate the exiting menus by going to Menus -> Main Menu -> select the default menu tab like Home and click Save as Copy.

Duplicate

Step 20: Under Message “Menu item successfully saved” you need to change the fields for the new languages. For example, for English under the Details tab you should change the Menu Title, the Alias, change the Status to Published, select the Main Menu English you created in the Menu Location drop-down, change the Default Page to Yes, in the Language drop-down select English (UK).

Home_Page

Step 21: Click Save and Close.

Step 22: Repeat steps for your new language. E.g. For French it should look like this,

Similar_Procedure

Step 23: If everything is done properly, under Menu you will see flag icons added to the main menus,

Flag_Icon

Step 24: Now you need to duplicate the top menu module for English and the language you added. Go to Extensions -> Module Manager

Step 25: Find the module used for the top menu, e.g. French Menu (the name depends on your template). Check it and click Duplicate.

Duplicate_Menus

Step 26: Click the menu you duplicated. For English, under Details: you are going to change the Name (e.g. to French Menu Eng), change the Status to Published, in the Language drop-down select English (UK).

Name_Change

Step 27: Under Options: in the Select Menu drop-down select Main Menu eng .

Menu_Eng

Step 28: Under Menu Assignment: select Only on pages Selected in the Module Assignment drop-down box, then click Select None and check Home Eng under Main Menu eng .

Menu_Assignment

Step 29: Click Save and Close.

Repeat the same to create a menu module for the new language. If it’s French, the settings should be as follows.

Language_Module

Step 30: Disable the French menu for all languages.

Step 31:Now go to Menus -> Main menu -> Home -> Module Assignment for this Menu Item and check Hide Unassigned Modules.

Edit_Module

Step 32:Your new Home menus should have the same modules assigned to them if you want your multilingual versions of the site to look correctly. Click each module which has “yes” under Display and in the Menu Assignment select the two menu tabs you added (i.e. Home for eng and Home for Fr) and click Save and Close.

Step 33:Do the same for the rest of the modules that have “yes” under Display, then click save.

Step 34:Open the front page of your site and try using the language switcher to check how the both versions work. They should be identical. You can now add different language to the new language version.

Front_Page