Inside the locale file you need a JSON file for each of the languages you wish to support, and this file contains a simple set of key/value pairs, which can then be referenced within the theme.

An example en.json file.

{
    "status-page": {
        "title": "System Status"
    }
}

Referencing the translations

You can now reference this content from within the theme by using the liquids t() filter.

<h1>{{ ‘status-page.title’ | t }}</h1>

When your page is rendered it’ll now include the phrase “System Status” as defined in your JSON file. However if they wish people will be able to personalize this through the UI.

For more examples check out our ‘white-label’ theme on GitHub.