Hi guys,
I am looking for a solution to make my website’s Arabic language content RTL, could you please assist?
Theme: Ride
Website: https://ninescapeland.com/ar
If you need another information, please let me know.
Topic summary
A user seeks help converting their Shopify store’s Arabic language content to RTL (right-to-left) format while keeping other languages LTR (left-to-right).
Initial Solution:
- Add
dir="rtl"attribute next to the<html>tag in the theme.liquid file - This applies RTL to the entire site regardless of language
Language-Specific Solution:
- Replace
dir="rtl"with conditional code:{% if request.locale.iso_code == 'ar' %} dir="rtl" {% endif %} - This targets only Arabic language pages
Remaining Issue:
- Some pages still display LTR despite the code implementation
- Problem traced to individual rich text section settings within specific pages
- Adjusting these section settings affects all language versions of that page
Status: Partially resolved. The global RTL implementation works for Arabic, but individual page sections require manual adjustment that impacts all languages.
Go to your store admin > Sales channels > Online Store > Themes > click “…” in Current theme > Edit code > open theme.liquid file, add this code next to <html
dir="rtl"
My Shopify backstage codes show differently from your screenshot. Is it just adding the dir=“rtl” into the below code.
Or could you please tell me where I should add the code?
Thank you for your assistance.
Thank you for your reply, when i add the dir=“rtl” next to <html…> my website has changed, i just want to make my Arabic language to be RTL, not all language, would you have other solves?
You can try to use this code and check again
{% if request.locale.iso_code == 'ar' %} dir="rtl" {% endif %}
Where should i add that code?
Replace it with dir=“rtl”
1 Like
Thank you @Dan-From-Ryviu
Now i have a last question, why some pages are shown RTL, but other pages still shown LTR
show me the link to that page
Actually, they are not one page that has this problem,
wrong page URL: https://ninescapeland.com/ar/pages/material-quality
oh, i see. if i adjust the rich text section, they will change all languages, right?
1 Like
Correct.