Switch your store to right-to-left (Arabic)
When Arabic is one of your store languages, the storefront switches to right-to-left automatically. To force the direction by hand, open the Theme Customizer in the theme editor and press RTL under Page Direction, then pick an Arabic-capable font.
Steps
- Open Online Store → Theme Settings and click the swatch icon in the left rail to open Theme Customizer.
- Under Page Direction, choose RTL (or LTR to go back). This is a store-wide setting.
- Under Typography, search the font list and pick one marked with the ar chip so Arabic letters render correctly: Noto Sans, Noto Serif, Tajawal, Cairo, Changa, Amiri, Reem Kufi, Almarai, Mada, El Messiri, Kufam, Lalezar, Scheherazade, Markazi Text, IBM Plex Sans Arabic, beIN Black or Assistant.
- Click Save and check the page is Published.
- If Arabic should be the main language of the store, go to Store Settings → Languages and set Default language to العربية; add it with Add Language if it isn't there yet.
Common problems
- Arabic text looks wrong or shows as boxesthe chosen font has no Arabic letters; pick one with the ar chip in Typography.
- Only one block is still aligned leftthat block has its own alignment set in Styles → Typography; change its text align there.
- Store is Arabic but still left-to-rightadd Arabic under Store Settings → Languages and set it as default, or press RTL in Page Direction.
- Landing page needs Arabicset Landing page language to Arabic in the landing page's settings (gear icon); each landing page has one language.