All things Shopify and commerce
I have just started using Shopify on a Hebrew store website.
There any way to support to RTL for the Hebrew language?
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:
<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
<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
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.
that is right.
but slide show go hidden and not see it or photo at home page
help us
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
Go to theme.liquid and place the below code above the <head>
<!doctype html>
<!--[if IE 9]> <html class="ie9 no-js" lang="{{ shop.locale }}"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html class="no-js" lang="{{ shop.locale }}" dir="rtl"> <!--<![endif]-->
And save
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>
<!--[if IE 9]> <html class="ie9 no-js" lang="{{ shop.locale }}"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html class="no-js" lang="{{ shop.locale }}" dir="rtl"> <!--<![endif]-->
And save
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>
<!--[if IE 9]> <html class="ie9 no-js" lang="{{ shop.locale }}"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html class="no-js" lang="{{ shop.locale }}" dir="rtl"> <!--<![endif]-->
And save
Just place this code that's it
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
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
How to make all Notifications in the Settings<Notifications from right to left? This code is invalid.
hi,
i am in doubts which theme to purchase for my own shop
does your shopify works well rtl?
thank you in advance
hi,
i am in doubts which theme to purchase for my own shop
does your shopify works well rtl?
thank you so much!
hi,
i am in doubts which theme to purchase for my own shop
does your shopify works well rtl?
thank you in advance!
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 }
Hi David,
Same issue here, did you solve this problem?
Maybe considering using a language translation app?
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.
User | RANK |
---|---|
68 | |
49 | |
36 | |
34 | |
29 |
Learn these 5 things I had to learn the hard way with starting and running my own business
By Kitana Jan 27, 2023Would you love to unleash the unbridled power of the Google Shopping Channel into your sho...
By Gabe Jan 6, 2023How can you turn a hobby into a career? That’s what Emmanuel did while working as a wa...
By Skye Dec 30, 2022