liquid translated labels in app.js.liquid

Ephrem_agency
New Member
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.

0 Likes
thuongnv
Shopify Partner
11 0 1

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 }});

 

0 Likes
Ephrem_agency
New Member
2 0 0

thanks for your help.

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

0 Likes
LitExtension
Shopify Partner
1210 155 216

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
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!
0 Likes