A comprehensive guide to language translation in Bagisto

Bagisto is a strong headless eCommerce platform that makes it easy for you to create and run your online store.

However, in the global market today, connecting with more customers means you need to speak their language. This is why language translation is so important.

Whether you want to grow your business or enhance user experience, this guide will help you begin with language translation in Bagisto.

Steps for Language Translation in Bagisto

You can easily perform language translate for both Admin dashboard and for the front-end view.

Language Translation for Admin Dashboard

First of all, you have to go to the root directory of these packages Shop and Admin.

 English locale has been provided. If you want to change the language then do the changes in ‘en’ folder.

• For Shop
  https://github.com/bagisto/bagisto/blob/2.4/packages/Webkul/Shop/src/Resources/lang/en/app.php

Do the changes in right side value only for example  ‘logout’=> ‘logout’, then we have to changes done like ‘logout’=> ‘الخروج’.

You do not need to change variable type word like name, order id, etc and also the word which starts with the colon like ‘:percentage‘.

• For Admin
  https://github.com/bagisto/bagisto/blob/2.4/packages/Webkul/Admin/src/Resources/lang/en/app.php

same as the above process you have to do in the admin folder.

Language Translation for Front-End View

Kindly follow the steps as needed on the admin dashboard.

Step 1:- On Admin Sidebar, click on Setting >> Locales >> Create Locale button.

Step 2:-  Enter the Code, Name ,Direction and Logo of locale (here I am taking an example of English language or you can select as per your choice)

and click on Save Locale button.

Next, you need to change locale in the below main section: Products, Categories and Attributes.

Step 3:- Under Catalog Section, click on Attributes which you want to change. Next, open selected attribute in Add Attribute.

Enter the attribute name in English after which click on Save Attribute.

Step 4:-Under Categories Section, click on Categories. Enter the Add New Category and enter the description in English after that click on Save Category.

Step 5:-Under Catalog, click on Product. Open selected product in Edit Product and enter the product name and Short Description in English after that

click on Save Product.

Step 6:- Next, you need to set the Channels.Click on Setting>> Channels. Open the selected Channel in Edit Mode. Under Currencies and Locales.

Locale:- You can select either one or multi-select locales as per your choice.

Default Locale:- You have to set your default Locale so that if the Customer will not select any locale then it will be showing in the Default Locale set by you

Once the settings have been done, click on Save Channels. 

Steps to Perform on the Front End

Step 1:- At the header of the front end there is an option to select a Locale per your requirements.

When you will select Locale in English then the front end will get converted in english as shown below.

When you will select the locale in Arabic from the front end then it will be visible like this:

By following the above steps, you can easily translate the front-end and back-end of your Bagisto store.

Hope it will be helpful for you or if you have any issue feel free to raise a ticket from here.