Text added manually to the theme's code, how to translate?

[Dmitrii_Dzh]

Hello,

Shopify themes are great, but sometimes we need some additional adjustments.

We have added manually text in several places of our theme, but this text is not visible to the Shopify translator, since it wasn't written in one of the theme's fields.

Could you advise what kind of code should be added in order to make manually added text visible for translation applications?

Best Regards, 

Dmitrii

[Ujjaval]

@Dmitrii_Dzh Ask to app support theme they will provide best solution for that.

[Localize_Alex]

Hi @Dmitrii_Dzh! I’m Alex, a designer on the Translate & Adapt team. Could you DM me an example of a piece of text you modified that’s not showing up in the app? I’d love to help.

[Transcy]

Hello @Dmitrii_Dzh ,

You can use the {{ 'text here' | translate }} filter to mark the text for translation.

Example:

{{ 'Welcome to our store!' | translate }}

To ensure that the translation app recognizes the manually added text, make sure to include it in a template file that the app can scan. For example, you can add the translated text in a Liquid template file or a language file.

Hope this will work.

Transcy team. 

[Dmitrii_Dzh · Accepted solution]

Hello,

1. I have checked the linked provided by @Localize_Alex 

https://www.shopify.com/partners/blog/translation-keys

2. Have updated my footer.liquid:

<!-- Manually added code START -->
<p>
<br>
<font size="2">
{{ 'layout.newsletter_agreement' | t }}
<u><a href="https://puulab.com/pages/privacy-notice">{{ 'layout.privacy_policy' | t }}</a></u>.
</font>
</p>
<!-- Manually added code END -->

3. Updated en.default.json

4. Translate and Adapt now able to see this text:

Thanks both you for the help!

Best Regards,

Dmitrii