Translate an SAP Fiori App

To go to the overview screen of the SAP BTP cockpit, choose your user ID at the top of the screen.

Choose Services and locate the SAP Translation Hub tile by searching for trans. Then choose the tile.

In the Take Action section for SAP Translation Hub, choose Go to UI for Translation Workflow.

First, you’ll need to create a translation project. Choose + and then Git Project.

Now you need to enter the following details about your project in the Project Metadata:

Now you need to specify the Git details in the Git Repository Details:

Finally you can specify in the Project Configuration section if you want to reuse existing translations, a company MLTR or a review process.
To simplify the tutorial only select YES for Review Required.
Leave all other fields and selection options as they are and choose Save.

SAP Translation Hub shows an overview of your translation project. To start the translation process and push the translations to the Git repository, choose Translate and Push in the bottom right of the screen.

Enter your Git password and choose Submit.

If everything works as expected, you see the following status:

The translation is now complete, but you might want to review the translations. To do that, choose Translations:

This is where you can switch between the target languages and, in the columns to the right, see the translation provider and a quality status. The higher the number on a scale from 0-100, the better the quality.

Note: For translations provided by SAP machine translation (SAP MT), the quality index is always 25.

If you want to change any of the translations, simply make your changes directly in the Translated Text column. After you make a change, the translation provider changes to Manual.
When you’re done, choose Save Project.
As a final step, push your changes to the Git repository by choosing Push.

Enter your Git password and choose Submit.

To see the translations in SAP Web IDE, you need to pull the translations from the Git repository.

In SAP Web IDE select the root folder sample.shop of your project.

Open the Git pane by choosing the icon under the magnifying glass at the right of the screen. Confirm that sample.shop appears under Repository and then choose Pull.

A success message appears in the top right of the SAP Web IDE window.

The i18n folder in your project now contains properties files for the target languages that you selected in your project. To see the translations, open any of the properties files by double-clicking them.

As a final step, you can view the app in different languages. To open the SAP Fiori launchpad, choose the green button shown below:

Depending on your browser settings, you might have to disable the pop-up blocker to proceed.

When the preview opens, change the language in the top right of the screen to German.

Now open the Shop app. The example below shows the app in German.

Note: Some texts in the app come from the back end or are hard coded, and are therefore not part of the i18n.properties file that you translated in this tutorial.