Shopify Discussions

rybiwir · ‎08-28-2017

I have just started using Shopify on a Hebrew store website.

There any way to support to RTL for the Hebrew language?

Ann456 · ‎08-28-2017

Hey there,

I'm Ann, from the team here at Shopify 🙂

That can be customized into your store's theme, but it does take a bit of coding in order to make it happen. To get to that section of your theme, from your Shopify admin, click on Online Store>Themes>Actions>Edit Code. Once there, follow these steps:

From the menu you'll see on the left, open theme.liquid
Near the top of the file, usually in the first 2-5 lines, you'll see text like this
```
 <html class="no-js" lang="{{ shop.locale }}">
```
The code will vary with different themes, just make sure it's the tag that starts with <html
Before the closing > just add a space followed by the text dir="rtl" to tell the browser to flip everything. This will re-arrange elements like the logo and how text inputs work too. The end result will look like
```
<html class="no-js" lang="{{ shop.locale }}" dir="rtl">
```
Then just hit Save!

It's worth noting some themes are designed so that cart and search icons may not move automatically. If it's a theme created by Shopify you can reach out to us directly and we'll look into fixing it for you. If your theme is created by a third party company, reach out to your theme's developers and they can help!

Finally, to change the checkout to right to left, the language should be set to a right to left language like Hebrew - In the admin, go to Online Store>Themes>Actions>Edit Languages and click to Change theme language. Then just remember to hit Save as well!

I hope this helps! If you have any more questions or concerns feel free to reach out to us here 🙂

Have a great one,
Ann

Ann | Social Care @ Shopify
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- To learn more visit the Shopify Help Center or the Shopify Blog

Lotjog · ‎07-24-2019

How to make all Notifications in the Settings<Notifications from right to left? This code is invalid.

chanarivkin · ‎12-25-2019

hi,
i am in doubts which theme to purchase for my own shop
does your shopify works well rtl?

thank you in advance

Cryptorshy · ‎04-13-2020

Dear Ann,
Sorry for reviving and old topic, but I've tried your code and it works perfectly, but I want to add something a bit more, I want to switch the website from LTR to RTL only when the Language selected by the customer/user is RTL. IF not it should remain LTR. I am a designer not a coder but I was thinking out loud for something that would this equation " if lang=En dir=ltr" / "if lang=ar dir=rtl" .

I hope am making any sense.

eComSeller97 · ‎06-22-2022

Hello,

Did you find a solution ?

I want the same thing as you right now, i use English / Arabic languages on my client's website and he wanted the website to flip direction based on the language chosen.

Help me please.

midia · ‎01-05-2021

Its great but doesn't work when having language options like we have. We would like our customers to choose if English or Arabic but when i use the above code, the English changes to right as well.

Which is then a new issue.

Is there any solution to that?

Thank you for your support

SellingApps · ‎06-10-2021

Hi,

i have helped too many my clients to turn RTL layout,

which theme are you using?

just you have to download app Etranslator (free) or langify(paid) app, then you need to insert code if theme is not RTL layout, if RTL layout, you don't have to insert any code.

---------------------------------------------------------------------------------------------------

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on kuparkoti@gmail.com regarding any help
Shopify Expert | WhatsApp

We are offering our assistance; any Likes and Accept as Solutions are greatly appreciated✌ Having trouble? Hire us! For fast reply, shoot us a message using Whatsapp at sellingapps.net

Check how to sell everywhere with Shopify POS .

Keep your stuffs secret. Refrain from granting unwarranted access to your shop.

MatanCohen365 · ‎06-10-2021

Hey,

For free layout and arbic\hebrew language files

You can try my app R2L

https://R2L.baba.co.il/

Check out my new free app for Shopify RTL support: https://apps.shopify.com/r2l

eComSeller97 · ‎06-22-2022

Hello,

I hope you are doing good,

To be honest it's easy to do as you said when you only use 1 language, the problem everyone is facing is when you use 2 languages with different directions like English and Arabic. One is RTL, the other is LTR. For me, I didn't find a free solution after months now, do you have any suggestions?

The only solution is RTL master but not only the premium plan but the ultimate plan which is so damn expensive that I can't afford it.

olessia · ‎06-22-2022

Hey,
There's no simple solution and that's why they are charging premium.

First thing you need to do is to change the "dir" attribute on the body
element from "ltr" to "rtl" when you use Arabic.

Second thing that will require most of the time is going all over your
site's css and changing properties like "padding-right" to
direction-agnostic properties like "padding-inline-end". These properties
then behave according to this "dir" property rather than be fixed in their
direction.

Some css properties don't have a direction-agnostic eqivalent, like
"right". Then you'll need to add an overriding style for the case of when
"dir=rtl".

And then probably there will be more stuff that still works ltr that will
need to be fized on a case by case basis.

This requires some knowledge of css to accomplish.

Hope that helps!

Yourgan · ‎07-04-2022

Hello

Do you found the solution for change theme from left to right RTL ?

ItayHaritan · ‎07-04-2022

Hey Yourgan!

Our app provides an RTL layout.
Please have a look:
https://apps.shopify.com/rtlmaster

Feel free to reach out if you have any questions.

Yourgan · ‎07-07-2022

it found a free trail or no for test it ?

ItayHaritan · ‎07-08-2022

We offer refunds no questions asked, you're welcome to try and check if you like it.

eComSeller97 · ‎06-22-2022

Hello,

I use Arabic and English too and I didn't find a solution to change the RTL/LTR based on the language chosen, did you find any good solution?

Please reply to me, I need it so badly right now.

ItayHaritan · ‎06-22-2022

Hey!

Our app supports RTL/LTR layout, based on the language that the user is watching.
Please have a look:
https://apps.shopify.com/rtlmaster

Feel free to reach out if you have any questions.

Mayyada · ‎05-05-2021

I can’t gains the theme liquid!

midia · ‎05-10-2021

Hi Mayyada,

do you have a question? I didn't understand your reply.

regards,

Midia

krajabi · ‎07-21-2021

Thank you Ann ,
This was helpful.

krajabi · ‎07-21-2021

Yes

Roibz · ‎07-28-2021

Thank you! your help is very helpful. However, I came across a further problem where my website is 2 languages (English and Hebrew) therefore when I apply the code it changes the English version (which is of course, not wanted). How can I solve this problem?

Thanks!

Roy

Itaycharitan · ‎07-28-2021

Hey roy!

Our app supports different layouts for RTL/LTR languages.

This is part of our "Ultimate" plan.

You can check it out here:
https://apps.shopify.com/rtlmaster

SellingApps · ‎07-28-2021

I will install free app with some RTL coding

We are offering our assistance; any Likes and Accept as Solutions are greatly appreciated✌ Having trouble? Hire us! For fast reply, shoot us a message using Whatsapp at sellingapps.net

Check how to sell everywhere with Shopify POS .

Keep your stuffs secret. Refrain from granting unwarranted access to your shop.

olessia · ‎09-15-2021

Hey, in case anyone would wander into this thread looking for RTL solutions for Shopify - since there's still no right-to-left support built-in in Shopify, I modified one of Shopify's basic themes to support right-to-left. It doesn't have fancy design features, but does have sort/filter - I made it to be super simple and affordable. Head to my website for details: https://www.olessiabourgart.com/shopify-themes

Arch888Bokhari · ‎06-06-2022

thanx that was very helpful

IsraMiners · ‎11-05-2022

Hey!
this works but creates a big space on the left side, is there any fix for that?
thanks!

ARYE_SHALVI · ‎10-09-2017

I don't seem to be able to align the text (in pages editor) to RTL.

the editor offers an option to align text RTL but it doesn't really work...

Ant advice? I just want this one page aling RTL so editing the theme is not an option.

chanarivkin · ‎12-25-2019

hi,
i am in doubts which theme to purchase for my own shop
does your shopify works well rtl?

thank you in advance!

avidshopperguid · ‎12-30-2019

Hi

I am using Shopify free Themes and i also use a 180$ purchased Theme .

with regard to RTL support and problem solving, I recommend using shopify free themes .

especially if your site is Bi\Multi lingual .

1. you'll need support from the moment you switch to RTL .the slideshows stops and any App you install

might cause changes. with Shopify support they take responsibility and solves most of the issues .

with Purchased Theme they ask for payment right after 2/3 free support they give you.

FOR EXAMPLE; Ours theme developer request extra 125$ for switching the menu order when switching to English

{ even he declared they support RTL }

Ammar3 · ‎10-02-2018

that is right.

but slide show go hidden and not see it or photo at home page

help us

avidshopperguid · ‎03-11-2019

Hi

I'm using venture theme . for a Hebrew store.

i have installed the code as described .the site alignment has changed the menu bar is RTL as i wanted . but suddenly the slides doesn't show the images

just black background .

{when i returned to the original code without the RTL -the slides work fine- meanthis is the issue} can you assist to solve that ?

Regards

David

Praveennair · ‎03-27-2019

Go to theme.liquid and place the below code above the <head>

<!doctype html>

 <html class="no-js" lang="{{ shop.locale }}" dir="rtl">

And save

Praveen - Shopify expert

Thriftizer Solutions LLP

avidshopperguid · ‎03-27-2019

Thank you

Should i place this code with the RTL Code ?{listed at Ann reply}

@Praveennair wrote:
Go to theme.liquid and place the below code above the <head>

<!doctype html>

 <html class="no-js" lang="{{ shop.locale }}" dir="rtl"> 

And save

Praveen - Shopify expert

avidshopperguid · ‎03-27-2019

I have tried it with and without the RTL code .the text and menu change to RTL but still ,the slide show images doesn't show

@avidshopperguid wrote:
Thank you
Should i place this code with the RTL Code ?{listed at Ann reply}
@Praveennair wrote:
Go to theme.liquid and place the below code above the <head>

<!doctype html>

 <html class="no-js" lang="{{ shop.locale }}" dir="rtl"> 

And save

Praveen - Shopify expert

Praveennair · ‎03-27-2019

Just place this code that's it

Thriftizer Solutions LLP

avidshopperguid · ‎03-27-2019

Thank you

I placed the code only. unfortunately the slides disappeared again {all the rest is fine}

@Praveennair wrote:
Just place this code that's it

Praveennair · ‎03-29-2019

If you need i can get this done

@avidshopperguid wrote:
Thank you
I placed the code only. unfortunately the slides disappeared again {all the rest is fine}
@Praveennair wrote:
Just place this code that's it

Thriftizer Solutions LLP

avidshopperguid · ‎04-01-2019

what you need to do it?

chanarivkin · ‎12-25-2019

hi,
i am in doubts which theme to purchase for my own shop
does your shopify works well rtl?

thank you so much!

maymay1994 · ‎04-13-2020

Try Electro 5.0 By Arenacommerce from envato.com you can check my store to test RTL working with Language AR URL qsfortech.myshopify.com

Sandeepp · ‎04-15-2020

Try the below simple code on theme.liquid file and it will do the trick.

{%- if shop.locale == 'ar' -%}
<html class="no-js" lang="{{ shop.locale }}" dir="rtl">
{%- else -%}
<html class="no-js" lang="{{ shop.locale }}">
{%- endif -%}

Explanation: Shopify theme supports RTL with dir property in HTML tag. All we have to do is by checking condition of shop locale. If the shop.locale is 'ar' then apply the dir property to HTML tag. This works pretty much with my demo site.

Cryptorshy · ‎04-16-2020

Thank you, very very much, I knew what I wanted in my head but couldn't find the code for it.

Cryptorshy · ‎04-16-2020

Dear Sandeepp,
is there's a modification to this code, to switch only a part of the document not the whole website? i.e I want some parts of the website to remain LTR.
Am sorry If I am being annoying.

adben · ‎06-16-2020

Hello,

I have tried the below code, it suceeds in flipping all the pages from left to right, however the alignment of all text, in meues and text boxes, etc. remains aligned to left.
And of curse the 1st picture in the slider was the only one displayed.

I am using Ecom turbo 30.2. theme.

Haven't received an eligable response from support, although they are obligated to supply an answer.
Is there another fully supported Shopify theme, I can test my site which shows all items with text alight to right in addition to the whole site flipped right to left?

eComSeller97 · ‎06-22-2022

Hello,

I hope you are doing great.

Can you tell me please where do I added this code? I'm familiar with editing themes codes and theme.liquid but idk which line should I insert this code and do I have to add <html/> twice after writing it so it can work ? Because I see that you opened two <html> in this code.

Please answer me I need it badly for my client who is holding me in my throat.

shlomiz333 · ‎11-12-2020

Hi, I'm going to use this theme for RTL (Hebrew) shop.

when I try to use their demo page on RTL to see how it looks like, it doesn't show RTL format.

I need to use this theme to make a full RTL store, and use Hebrew as the only language.

maybe can you help me with the installation and switching from ltr to rtl?

avidshopperguid · ‎11-15-2020

Hi

we run several Hebrew sites and bilingual as well .

for Hebrew you should you should convert to RTL

the slide show will disappear . just contact shopify support they will fix it .

for replacing the buttons and other store commands you should translate the template to Hebrew . you have a list of words that you should translate according to your preferences

.Do that at Setting: store language -replace to hebrew .

David_T8 · ‎03-26-2020

Hi David,

Same issue here, did you solve this problem?

TungDao · ‎03-26-2020

Maybe considering using a language translation app?

Avada is an e-commerce solution provider based in the heart of Vietnam where the best developers unite. Founded in 2017 by Mageplaza, Avada is responsible to complete the mission to help 1 million online businesses grow revenues.

goory · ‎04-29-2020

did you by any chance find a solution for the slideshow?

chanarivkin · ‎04-29-2020

i'm not sure hoe this network works

i'm available on 0584577422

avidshopperguid · ‎05-03-2020

Hi
My advice is to install a free template from shopify as they give you the
best support
I have installed show time for 180$
and when i asked for support they request a annually service fee of 100$
not recommended

ItayHaritan · ‎01-12-2021

Hey!
I hope you figured that out.

In case not, you'd like to check out our new Shopify app that turns Shopify themes layout to RTL.
Have a look:
https://apps.shopify.com/rtlmaster

If you need any help, don't hesitate to contact our support!

midia · ‎01-12-2021

Hello,

thank you for your reply, how is it that you need to pay for everything extra? I contact the developer of the theme they say they cant help i should hire an expert. We decide to do e-commerce because we wanted to save on expenses but it turns out that whatever you wanted to work you have to pay extra. Bounce rates! does anyone here has also high bounce rates? When you ask someone from shopify or the theme developer they say out of scope hire an expert or buy an app. i think switching to amazon might bless headache, if you are not an coding expert! Very disappointing.

kamala-dulal · ‎06-07-2021

From the menu you'll see on the left, open theme.liquid

Near the top of the file, usually in the first 2-5 lines, you'll see text like this

The code will vary with different themes, just make sure it's the tag that starts with <html

Before the closing > just add a space followed by the text dir="rtl" to tell the browser to flip everything. This will re-arrange elements like the logo and how text inputs work too. The end result will look like

Then just hit Save!

Or

11 0 0

Go to theme.liquid and place the below code above the <head>

<!doctype html>

 <html class="no-js" lang="{{ shop.locale }}" dir="rtl">

And save

In some cases, All the coding need to changes minor according to theme types: if you need further help, you can contact us by EMAIL or WHATSAPP

Shopify Discussions

Shopify Supporting Right-to-Left Languages (RTL)

Community Blog Articles

Shopify Community

Support

Shopify

Quick Links