How to solve translation issues on a bilingual Shopify site?

[Sarah_00]

I work for a Canadian brand with an e-commerce site available to customers in English and French. 

I've noticed the following issue:

When browsing on the French version of the site and searching for products in the search bar; I will type in French and the result list will display the correct items but in English. Then if I click on "Afficher tous les résultats" (this means "show all results"), I am redirected to the English version of the site. This means that customers who prefer to shop in French have to toggle back to the French site when they look for specific items, which is not ideal for user experience. 

Shopify theme used is called Fresh. We use the Langify app to translate all other content on the website, but I haven't been able to find anything on there that could help with the issue at hand. Could the issue be with the theme itself?

Hoping that anyone will have pointers to remedy this discrepancy.

Thanks in advance!

[michaelivanov]

Hi Sarah,

Michael from langify here.

Please try enabling the Automatic Link Correction feature in

Langify -> Dashboard -> Theme Settings -> Advanced Settings

[Sarah_00]

Hi Michael,

Thanks for your reply!

I would say this is now 99% fixed. I enabled Automatic Link Correction. When I search for a product, the product listed are still being shown in English but when I click on a product in the list or on "Afficher tous les résultats" ( "show all results"), I am not being redirected to the English site anymore, which is just what I wanted.

Do you think that the results still being shown in English in the first list has to do with a section of the site that has yet to be translated? Or are there any other settings in that same section that I would need to enable? 

I've attached a screen capture to show what our settings currently look like!

Thanks!

[michaelivanov · Accepted solution]

This sounds like there's still at least one unlocalized Ajax request.

You can localize it as described in this technical guide: https://support.langify-app.com/support/solutions/articles/11000081440-my-ajax-cart-doesn-t-translat...

Alternatively just reach out to our Support via email and we'll do this for you asap: https://apps.shopify.com/langify#adp-developer

[michaelivanov]

Here's an example from a different Theme where it suffices to add

 Shopify.routes.root +

in front of the search query generating code inside the theme.js file.

Before:

this.getSearchQuery = () => {
      return `/search/suggest.json?q=${this.searchInput.value}&resources[limit]=3&resources[limit_scope]=each`;
    };

    this.getSearchPageUrlWithQuery = () => {
      return `/search?q=${encodeURIComponent(this.searchInput.value)}*`;
    };

After:

this.getSearchQuery = () => {
      return Shopify.routes.root + `search/suggest.json?q=${this.searchInput.value}&resources[limit]=3&resources[limit_scope]=each`;
    };

    this.getSearchPageUrlWithQuery = () => {
      return Shopify.routes.root + `search?q=${encodeURIComponent(this.searchInput.value)}*`;
    };

[Sarah_00]

Thanks so much for your help Michael! We contacted the langify support team by email and someone has taken care of fixing the remaining issue on our Shopify store!