Multilingual
Crema template supports six locales. These are English, Spanish, French, Italian, Arabic and Chinese.
As of now, the Crema template supports six languages. These are English, Spanish, French, Italian, Arabic and Chinese. Users can select or change any of the given languages by following simple steps.
Changing Language in run time:- You will find a Language selector in the header, click on that and select the language of your choice.
You have to replace this above object with any accepted value in order to set your language as the default locale. You can get the list of accepted values by opening the following file having the path: src/@crema/components/AppLngSwitcher/data.js
Adding New Language
In order to add new language to the template, follow the following steps:-
1. Make a new {new_locale}.json file in the folder src/@crema/services/localization/locales
2. Copy the content of the file 'en-US.json' kept adjacent to the file you made and paste it into your file. The path of file 'en-US.json' is: src/@crema/services/localization/locales/en_US.json
3. In the next step, you need to translate the values of translation variables into the new language.
4. Now make a new file in the folder src/@crema/services/localization/entries
The name of the file should be the same as the above-created locale file, just the extension will be different, this will be {new_locale}.js file, earlier we created {new_locale}.json file.
Copy the following code, paste it into the newly made file and modify the content according to the changes suggested in the image given below the code.
5. Now go to the file src/@crema/components/AppLngSwitcher/data.js
and add the new object corresponding to the new language, the code should look something like this:-
6. In the last step, open the file on the path: src/@crema/services/localization/index.js
and add the language code defined in the above step and assign the value of the variable exported in step 4 to this code. Follow the following code for reference:-
Last updated