Translations in design theme

StoreHippo's multi-lingual e-commerce functionality provides you enabled translations in all its themes. Translations in design theme allow you to translate the keys of a widget into another text or language.

Translations can be added to the design theme in a few easy steps:

1. Go to Design theme from StoreHippo Admin Panel.
2. Click on HTML and open a widget in which you want to add translations.
3. Go to the Translations tab of the widget.
   
4. Choose the language for which translations are to be added.
5. Translations in design theme allow you to provide values to the supported keys for translations of a widget in another language. If the value for the key is already defined in the admin panel, the value field for that key is auto-populated. You can make changes to the value if you wish to. The values are used for translation on the storefront.
6. Save the changes.

The translated values are reflected on the storefront as follows:

Translate filter

When you add a text in the code, in order to translate the text, you are required to use msTranslate filter. The syntax for msTranslate filter is as follows:

{{'<YOUR TEXT>'|msTranslate}}

For example, if you add the text "Welcome to My Store" in the static page, then use the msTranslate filter to translate this text in other languages will be: 

{{'Welcome to My Store'|msTranslate}}