Weaverse is designed to provide a seamless multilingual storefront experience, leveraging Shopify Markets and Hydrogen's Internationalization features. This enables you to cater to a global audience by offering your storefront in multiple languages.

The default locale for your Weaverse store is configured in the server.ts file. This setting is crucial, especially when your store does not support multiple languages. It ensures that your storefront always defaults to a specific language and country.

WEAVERSE_EMBEDED_CODE

Weaverse currently supports multilingual storefronts using URL paths. For example, you can have URLs like example.com/en-ca for English in Canada. The URL paths method offers a straightforward advantage: you can set it up directly within the app without the need for configuring complex domain infrastructure.

To determine the user's preferred locale, Weaverse uses the getLocaleFromRequest utility. This ensures that the storefront is displayed in the most relevant language based on the user's request.

WEAVERSE_EMBEDED_CODE

The list of countries supported by your store can be customized to match the specific needs of your merchants. This list is defined in a countries.ts file. Developers have the flexibility to update this list according to the merchant's requirements.

For the changes to take effect, you need to pass the list of supported countries as an argument to the WeaverseClient. This is done in the weaverse/create-weaverse.server.ts file:

WEAVERSE_EMBEDED_CODE

This step allows merchants to select the country they want to preview, update, or create page data and content within Weaverse Studio:

Weaverse is continually evolving to provide even more multilingual capabilities. Shortly, merchants will be able to create multiple pages tailored to each selected locale. This feature will further enhance the localization and accessibility of your Weaverse Hydrogen storefront.

Stay tuned for these exciting enhancements as Weaverse continues to grow and support your internationalization needs.