# Localization

Web components are aware of the selected locale (e.g.: en-us, fr-fr, ...) and selected currency (e.g. USD, EUR...) that is selected in the storefront. 

The following aspects of localization are handled:

## Text direction

The CSS of the web components work for both left-to-right and right-to-left locales (e.g., European languages are left-to-right, Arabic right-to-left).

## Language

The app assumes that the selected locale is exposed using a global variable declared on the window object named `window.Shopify.locale`.

Text labels for supported languages can be overridden in the app. Support for other languages can also be added in the app.

{% hint style="info" %}
Multi-language capabilities are not available on all plans.
{% endhint %}

## Currency

Prices and amounts are formatted using the currency formatting that is configured in the app.

The app assumes that the selected currency is exposed using a global variable declared on the window object named `window.Shopify.currency`.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://developers.discountninja.io/discount-ninja-developer-hub/storefront-api/widgets/guiding-principles/localization.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.