Magento 2 Knockout.js Translation Issues – How to Fix

knockoutjslocalisationmagento2

Please advice is there any pre-requirements to translate in *.html files

Works:

<button type="submit" class="action primary"><span>Send link to a Friend</span></button>

Don't want to work:

<button type="submit" class="action primary"><span data-bind="i18n: 'Send link to a Friend'"></span></button>

Translation in i18n/en_US.csv exists. Am I doing something wrong?

Best Answer

you can use

<button type="submit" class="action primary">
  <span data-bind="text: $t('Send link to a Friend')"></span>
</button>

Related Solutions

Translation Not Working on Breadcrumbs Added by XML – Fix

To translate a crumb without using a helper, you can use the translate attribute for your action node by using crumbInfo.label and crumbInfo.title.

Exemple:

<reference name="breadcrumbs">
    <action method="addCrumb" translate="crumbInfo.label crumbInfo.title">
        <crumbName>home</crumbName>
        <crumbInfo>
            <label>Home</label>
            <title>Home</title>
            <link>/</link>
        </crumbInfo>
    </action>
    <action method="addCrumb" translate="crumbInfo.label crumbInfo.title">
        <crumbName>brands</crumbName>
        <crumbInfo>
            <label>All Brands</label>
            <title>All Brands</title>
        </crumbInfo>
    </action>
</reference>

It's the better way to translate breadcrumbs, use helpers only if you have the set a custom title depend on URL params or something else.

Localisation – Translation Function with Multiple Variables Not Working

Magento uses PHPs vsprintf method. So instead of %1$s you'll have to use %1\$s

Best Answer

Related Solutions

Translation Not Working on Breadcrumbs Added by XML – Fix

Localisation – Translation Function with Multiple Variables Not Working

Related Topic