Localisation for translatable fields

The Localisation functionality can be used to translate text on the page to a different language for the users.

Steps to set your default language:

1: Click on the profile icon in the top-right corner of the app.

2: Click on the Developer option in the dropdown.

3: Click General Settings, then Localisation and type the country and language in the Default Locale and Default Language inputs.

4: Don't forget to save the changes by clicking the Save button in the top-right of the page.

Steps to edit text on a component: (using customer-orders and an example)

1: Click on edit option (the pencil) for the Customer-Orders component.

2: Click on Localisation in the right panel.

3: The fields can be edited and labeled appropriately.

Localisation is supported in the following components:

The Localisation tab shows only for a component that declares translatable fields. These components declare them:

• customer-table
• edit-address
• nav-header
• order-confirmation
• order-description
• orders-table
• payments-table
• redeem
• redeem-checkout
• single-page-checkout
• single-product-basket
• subscription-description
• subscription-info
• switch-subscription

Limio holds each translation against the page, for the selected language, and keys it on the default text. A translation that you set on one component therefore applies to every component on that page that shows the same text.

To get the tab on a custom component, declare the translatable fields in the component package.json. See Development Guidelines.