We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

How can i make my Ride theme website RTL for Arabic language?

Solved

How can i make my Ride theme website RTL for Arabic language?

NinescapeLand
Explorer
94 1 13

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.

Accepted Solution (1)
Dan-From-Ryviu
Shopify Partner
12073 2359 2539

This is an accepted solution.

You can try to use this code and check again 

{% if request.locale.iso_code == 'ar' %} dir="rtl" {% endif %}

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Replies 13 (13)

Dan-From-Ryviu
Shopify Partner
12073 2359 2539

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"

Screenshot_1.jpg

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

NinescapeLand
Explorer
94 1 13

Hi @Dan-From-Ryviu 

 

My Shopify backstage codes show differently from your screenshot. Is it just adding the dir="rtl" into the below code.

<link rel="alternate" hreflang="ar" href="{{ canonical_url | replace: '/collections/', '/ar/collections/' }}">

NinescapeLand_0-1750383677745.png

 

Or could you please tell me where I should add the code?

 

Thank you for your assistance.

Dan-From-Ryviu
Shopify Partner
12073 2359 2539

Please add that code next to <html

Screenshot 2025-06-20 at 08.49.37.png

So it should look like this image and save your file. 

 

Screenshot 2025-06-20 at 08.50.50.png

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

NinescapeLand
Explorer
94 1 13

Hi @Dan-From-Ryviu 

 

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?

 

NinescapeLand_0-1750384798050.png

 

Dan-From-Ryviu
Shopify Partner
12073 2359 2539

This is an accepted solution.

You can try to use this code and check again 

{% if request.locale.iso_code == 'ar' %} dir="rtl" {% endif %}

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

NinescapeLand
Explorer
94 1 13

Where should i add that code?

Dan-From-Ryviu
Shopify Partner
12073 2359 2539

Replace it with dir="rtl"

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

NinescapeLand
Explorer
94 1 13

Thank you @Dan-From-Ryviu 

 

Now i have a last question, why some pages are shown RTL, but other pages still shown LTR

NinescapeLand_0-1750385867650.png

 

Dan-From-Ryviu
Shopify Partner
12073 2359 2539

show me the link to that page 

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

NinescapeLand
Explorer
94 1 13

Actually, they are not one page that has this problem, 

 

wrong page URL: https://ninescapeland.com/ar/pages/material-quality

 

Dan-From-Ryviu
Shopify Partner
12073 2359 2539

Please change settings of that rich text section on that page to solve the issueScreenshot 2025-06-20 at 10.35.15.png

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

NinescapeLand
Explorer
94 1 13

oh, i see. if i adjust the rich text section, they will change all languages, right?

Dan-From-Ryviu
Shopify Partner
12073 2359 2539

Correct. 

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.