An Arabic Shopify store is not a translated English theme — RTL layout, Arabic fonts, and mirrored navigation require theme development, not an app

A translation app translates content — it converts English product titles, descriptions, and page text into Arabic. It does not change the direction of the page layout, the positioning of UI elements, the orientation of icons, or the font used to render Arabic characters. A proper Arabic RTL Shopify theme requires: CSS `direction: rtl` declarations on the correct elements, `dir="rtl"` HTML attributes on the document, CSS transforms or Liquid conditionals to mirror directional UI elements, an Arabic-compatible web font specified in the theme CSS, and a language switcher built into the theme header. These are theme development tasks — none of them are achievable through a translation app's settings.

Tajawal and Cairo are the most commonly used Arabic web fonts for UAE e-commerce because they are available on Google Fonts, load efficiently, and have a modern sans-serif appearance that pairs well with the contemporary aesthetics of most fashion, lifestyle, and consumer goods brands. Noto Naskh Arabic is a good choice for brands that want a more traditional Arabic typeface with naskh calligraphic proportions — it suits luxury and heritage brand positioning. All three support the full Arabic Unicode range. The choice depends on your brand's visual identity: Tajawal and Cairo read as modern and geometric; Noto Naskh Arabic reads as more classical and authoritative.

Mirroring navigation and icons for RTL requires a combination of CSS and Liquid template changes. For text-based navigation, `direction: rtl` in CSS handles the right-alignment and right-to-left reading order automatically. For icon assets — SVG arrows, carousel controls, breadcrumb chevrons, and any directional graphic — you need to either use `transform: scaleX(-1)` in CSS to flip them horizontally, or load separate RTL versions of the icon assets. Navigation layout (header structure, menu alignment) requires Liquid template changes where the element order in the HTML needs to change, not just the CSS direction. A CSS-only RTL implementation handles most text layout but will leave icons and structural layout elements in their LTR orientation unless Liquid-level changes are also made.

Adding a language toggle to a Shopify theme requires building a custom header section or modifying the existing header section to include a Shopify language selector component. In Shopify 2.0, this is done by adding a `{% form 'localization' %}` block in the header section's Liquid code, including a `<select>` element that lists the available languages from `shop.published_locales`, and adding a submit trigger (either a form submit or JavaScript-driven auto-submit on change). The selector needs to be styled to match the header design and positioned accessibly in both LTR and RTL header layouts. Shopify's Translate and Adapt app must be installed and the Arabic locale must be published for the selector to show Arabic as an option.

Among commercial Shopify themes, Turbo by Out of the Sandbox has the most documented RTL support, including built-in RTL CSS that can be activated through theme settings. Prestige has partial RTL support in its newer versions but requires additional CSS work for full layout mirroring. Dawn (Shopify's free official 2.0 theme) does not have built-in RTL support but its clean, minimal CSS makes it one of the more straightforward bases for custom RTL development. Impulse and most other paid themes require custom RTL development regardless of what their documentation claims — the built-in RTL support in commercial themes typically handles text direction but not icon mirroring, navigation restructuring, or Arabic font specification.