Translation of the customer privacy banner

[edgaresg]

The component <Analytics.Provider /> is very cool to manipulating privacy user preferences, however, I have a problem when establishing two markets, since it does not change the language based on the user selection.

[wizardlyhel]

A recent update have made the consent banner possible to display in different language. We will include the option to supply language in the next version.

[edgaresg]

okay, so does that mean it can only be in one language right now?

[wizardlyhel]

If you urgently need to get it working before we make a release in early Sept, you can run the loadBanner command again in a useEffect.

Here is an example JavaScript snippet to run if you are on hydrogen.shop. This will update the cookie banner to show French version of the banner.

window.privacyBanner.loadBanner({
  checkoutRootDomain: "checkout.hydrogen.shop",
  shopDomain: "hydrogen-preview.myshopify.com",
  storefrontAccessToken: "<PUBLIC_STOREFRONT_API_TOKEN>",
  storefrontRootDomain: "checkout.hydrogen.shop",
  locale: "fr",
  country: "ca",
});

[edgaresg]

Thanks, it's awesome, i'll give the implementation a try.

[wizardlyhel]

A little mistake to the snippet:

You shouldn't need to define the shopDomain param and storefrontRootDomain should be the domain url of your hydrogen site.

window.privacyBanner.loadBanner({
  checkoutRootDomain: "checkout.hydrogen.shop",
  storefrontAccessToken: "<PUBLIC_STOREFRONT_API_TOKEN>",
  storefrontRootDomain: "hydrogen.shop",
  locale: "fr",
  country: "ca",
});