Theme is english but number is in arabic

Topic summary

A user is experiencing a language display issue in their store theme where the interface is set to English, but quantity (QTY) numbers are appearing in Arabic numerals. They are seeking guidance on how to fix this inconsistency and ensure all elements, including numbers, display in English format. This appears to be a CSS or design-related configuration problem that needs troubleshooting.

Summarized with AI on November 23. AI used: claude-sonnet-4-5-20250929.

good day

my theme is in English and i want all be English but number in QTY are Arabic

how can i fix it

1 Like

Hi @AlexRatii ,
Could you share which theme your store is using, along with the store URL and password? We’ll take a look and assist you further.

Hi @AlexRatii

Add the following CSS in your child theme or custom CSS plugin to apply Western numerals to quantity input field. Apply the following CSS on your theme to child theme or custom CSS plugin: And add this on your theme’s JS (or through plugin): Using Unicode yours with unicode-bidi: bidi-override; and direction: ltr; in the CSS of your input[type="number"] is the trick to escape Arabic digits. This keeps your theme 100% English while making sure that all numeric fields show the same standard Western number format across the entire store.

Hi @AlexRatii

It’s happening because your Shopify theme (or browser/device settings) is using Arabic-Indic numerals for the quantity input — even if the store language is English.

Here are 4 ways to fix it, starting with the ones that work in most cases:

1. Force English (Western) numerals via CSS

Add this to your theme’s base.css (or theme.css) file:

input[type="number"] {
    font-feature-settings: "lnum";
    font-variant-numeric: lining-nums;
    direction: ltr;
}

If your theme or font is applying Arabic digits, this forces English “lining numbers.”

2. Override locale using CSS

Some themes switch numerals based on body direction. Force western digits:

input[type="number"],
.quantity__input {
    unicode-bidi: plaintext;
}

Or:

.quantity__input {
    font-family: Arial, sans-serif !important;
}

Arial always shows English digits.

3. Check Shopify Admin → Languages

Go to:

Settings → Store details → Languages

Make sure:

Primary store language: English

  • No RTL language is installed (Arabic, Urdu, Farsi)

If an RTL language is added—even if not active—some themes load Arabic numeral styles.

4. Check browser/device language

On Windows/Android browsers — if your device language uses Arabic-Indic digits, some input fields show Arabic numbers.

To test:

  • Try in another browser
  • Try on desktop & phone

If only one device shows it → device language issue.

1 Like