Shopify is an ecommerce platform that allows anyone to easily sell online, at their retail location, and everywhere in between. Using Transifex Live, you can make your Shopify store multilingual and sell your products worldwide. We have a live example of a translated Shopify store. Use the language dropdown at the bottom right to switch languages.
Below, you'll find instructions for localizing your Shopify store.
Installing the Transifex Live snippet
Once you've gotten the Transifex Live snippet, the next step is to add it to your Shopify theme:
From the left menu of Shopify, click on Online Store.
Next, click on Themes if it's not already selected.
On the right side of your current theme, click the three dots, and hit Edit HTML/CSS.
Under Layouts, click on theme.liquid.
Click Save and you're done!
Now you can begin saving and translating content!
Working with a staging site
While you can't officially create a staging instance of your Shopify site, you can duplicate your existing theme for testing purposes:
From the left menu of Shopify, click on Online Store to head to your themes.
On the right side of your current theme, click the three dots, and hit Duplicate.
You'll see the copy of your theme added below the current theme.
Once you've added the Live snippet, find the copy of your theme and click on the Preview button to open up the theme.
In the URL bar of your browser, add
&transifexto the end of the URL to launch the Transifex Live sidebar.
Saving content, translating, and publishing
Handing dynamic content
Dynamic content like dates, times, and counters (e.g. # of articles, # of comments, etc) should not be translated. When approving phrases in Transifex Live, be sure to ignore these types of nontranslatable dynamic content. If your platform lets you edit the theme, you can mark mark elements of your pages as nontranslatable. To learn how, click here.