practice.md

title	description	keywords
Theme Translation Dictionary | Commerce Frontend Development	Follow this tutorial to create a translation dictionary for an Adobe Commerce or Magento Open Source theme.	Native Luma Frontend Development Storefront Themes

Theme translation dictionary example

This topic is a step-by-step tutorial to create a default en_US locale dictionary for a custom theme.

Change default strings

ExampleCorp created a custom orange theme that inherits from the Blank theme. When customizing their theme, they want to rephrase certain strings used in the Blank theme and modules for the default locale.

The following image shows a product view with default string values for .

ExampleCorp has a requirement to change the default strings to the following values:

• Change Add to Cart label to Purchase.
• Change Add to Compare label to Compare.
• Change Add to Wish List label to Wishlist.

To override the strings, ExampleCorp plans to use the en_US.csv dictionary file.

1. Run the i18n (internationalization) tool to generate the en_US dictionary for the orange theme:

   bin/magento i18n:collect-phrases --output="app/design/frontend/ExampleCorp/orange/i18n/en_US.csv" app/design/frontend/ExampleCorp/orange

2. Open the newly generated app/design/frontend/ExampleCorp/orange/i18n/en_US.csv file and add the following rows:

   "Add to Cart", "Purchase"
   "Add to Compare", "Compare"
   "Add to Wish List", "Wishlist"
   

3. Run the deploy command to get localization changes:

   bin/magento setup:static-content:deploy

Results

When ExampleCorp applies the orange theme, the custom strings are used instead of the default.

For example: