If you use the data stored in metafields, the Langify app is able to translate that data.
Here is some feedback I received from a customer:
From the Langify app, I was able to edit the Page I'm using as a test. Then select the metafields and copy the JSON string over to the translation key. Then I manually update the values with the translations. I can even replace images for specific ones to use in the translated version.
Findings:
- The translated json string must be minified, if not Sections Anywhere won't recognise it. (Which I'm fine with, we always want to save a minified version)
- When having different images, if we copy the url from the File system. We need to make sure to remove the string after ?, including the ?.
For example:
If the image url copied from the file system is:
https://cdn.shopify.com/s/files/1/0536/4462/4057/files/warm-sun-palmtrees.jpg?v=1611218144
We should add to the translation file this one:
https://cdn.shopify.com/s/files/1/0536/4462/4057/files/warm-sun-palmtrees.jpg
The way I was editing the json file so it's easier to edit was:
1- Copy the original metafield value from Langify
2- Go to https://jsonlint.com/ and paste the value there, then click on Validate JSON
![Screen Shot 2021-03-22 at 4.41.30 pm.png](https://d33v4339jhl8k0.cloudfront.net/inline/115081/0323a11c49842fa9ca7926c1e355e61c4bf66e47/59ae246ffc909208d891a0f1cfc8726a6e105dab/Screen-Shot-2021-03-22-at-4-41-30-pm.png)
3- From there, I can easily edit the values
4- Once I'm happy with it, I'll copy the json, then go to https://codebeautify.org/jsonminifier and paste it on the left
5- This page automatically generates the minified version on the right
![Screen Shot 2021-03-22 at 4.42.39 pm.png](https://d33v4339jhl8k0.cloudfront.net/inline/115081/de7101050ff70c96d01eeb4bb321fab65db123d3/1fe9e3c625d09b03de357d5a3d1bd69c9b3523ca/Screen-Shot-2021-03-22-at-4-42-39-pm.png)
6- I copy the minified version and paste it back into Langify
![Screen Shot 2021-03-22 at 4.34.54 pm.png](https://d33v4339jhl8k0.cloudfront.net/inline/115081/4e2d06eef1e530646e1c20261828561a370a32ef/de4e33f1c8dc799100d22b94dfe3146f37c55479/Screen-Shot-2021-03-22-at-4-34-54-pm.png)
____________________________
In the example I did, this is the English version (Note that the top Image and text component is a section from SA):