liquid translated labels in app.js.liquid

Ephrem_agency
Visitor
2 0 0

Hi, I'm pretty new with Shopify but already works with twig,

I need to update hardcoded custom code in app.js.liquid by the liquid translated tags. Here's the exemple :

original code :

$('.add_to_cart').text('Make a selection') ;

My code :

$('.add_to_cart').text( "{{ 'layout.general.cart_selection' | t}}" ) ;

But 'layout.general.cart_selection' isn't update with the right translation after switching the language.

I've noticed, that some tgas Like Shopify.translation.unavailable works with language switch. There is a way to register my custom tags as Shopify.translation.cart_selection ?

Thanks for help.

Replies 4 (4)

kai-nguyen
Shopify Partner
41 6 10

Hi,

You need change your code:

$('.add_to_cart').text( "{{ 'layout.general.cart_selection' | t}}" ) ;

To:

$('.add_to_cart').text({{ 'layout.general.cart_selection' | t | json }});

 

Ephrem_agency
Visitor
2 0 0

thanks for your help.

It doesn't work. Does it can be related to the multi-language app (Translate my store) ?

Shop2000
Excursionist
43 0 12

Hello, thanks but this doesnt work for me. It is stuck at the default language and doesnt update when switched. Any help appreciated.

LitExtension
Shopify Partner
4860 1001 1133

Hi @Ephrem_agency 

Yes, you can do that. You can follow on this guide: https://shopify.dev/tutorials/develop-theme-localization-use-translation-keys#include-html-in-transl...

Hope this helps. 

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify