Get current locale url and redirect to new locale url

[supermanoul]

Hello.

We are translating our store using the GraphiQL API (https://shopify.dev/tutorials/translating-content-for-online-store). Now that we have our content translated we are willing to develop our own language switcher and redirect users accordingly when they use it.

So if our site is shopifystore.com and the user clicks on French in the language switcher we want the page to redirect to to shopifystore.com/fr. We can do this using pure javascript but is there a way to detect current locale url and get the rest of locale urls in liquid? If so, it would be a better solution than having to parse and deal with the actual url in a javascript string.

The "problem" is not dealing with shopifystore.com/lang but with shopifystore.com/lang/products/productname. Also taking into account that the main active language of the store doesn't have the /lang subdirectory. This is why it would be nice if there is already a liquid workaround to access to the locales urls.

Thank you.

Manuel.

[vix]

@supermanoul You can retrieve the shops locales from Liquid but using JS to get the customer is the correct way to go. 

[nordov]

The way I see it I already have the value in shop_locale. Using JS to retrieve something I already have seems counterproductive to me. Why is it then the correct way to go?

[PublicApps]

<script>
  const urls = {
  {% for locale in shop.published_locales %}
    {{ iso_code }}: {{ locale.root_url }}
  {% endfor %}
  };
</script>

 Active locale is: 

const activeLocale = '{{ request.locale.iso_code }}';

[sillycube]

@PublicApps 

Why not just use Shopify.locale for js but use 

const activeLocale = '{{ request.locale.iso_code }}';

??