How do I set up an Arabic RTL Magento storefront?
Categories:
Magento Developer UAE
A proper Arabic Magento store needs more than just translating strings:
- RTL stylesheets — Magento 2 ships native RTL support via
direction: rtl+ a separatei18n.csvper locale. We flip the entire layout, mirror icons, swap left/right margins programmatically. - Arabic-friendly fonts — Cairo or Tahoma for body, Almarai or IBM Plex Sans Arabic for headings. Subset to Arabic glyphs to keep page weight down.
- Numerals — CSS
font-feature-settings: "tnum"for prices; many UAE shoppers prefer Arabic-Indic numerals (٠١٢٣٤٥٦٧٨٩) on PDP, Western numerals on checkout. - Currency placement —
د.إ 1,250(right-side AED symbol) is standard. - Locale-aware structured data —
hreflangar-AE + ar-SA, JSON-LDinLanguage: "ar", OG localear_AE.
Ships natively in Hyvä Themes — Hyvä has first-class Tailwind RTL support.
Was this helpful?