How can I activate RTL layout when switching to Arabic language?

Store Design
1

when i switch to arabic language the website language only changed to arabic but the main layout still from left to right not right to left although the theme i worked with support rtl and rtl.css file already exist how to run it only when the user switch to arabic and how to remove it again when he turned to english language?
Thanks in advance,

2

Hello, @Heba_clickwpick

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

3

Hello,
thanks for your reply
https://www.clickwpick.com/
password:
blowst
i tried several code solutions but it didn’t work with me don’t know why here is what i tried recently in theme.liquid

{% if shop.locale!= “ar” %}
{{ ‘style.theme-rtl.css’ | asset_url | stylesheet_tag }}
{% endif %}

and

{% if shop.locale == “ar” %}
{{ ‘style.theme-rtl.css’ | asset_url | stylesheet_tag }}
{% endif %}

thanks again and waiting for your reply

4

Hello,
thanks for your reply
https://www.clickwpick.com/
password:blowst
i tried several code solutions but it didn’t work with me don’t know why
here is what i tried recently in theme.liquid

{% if shop.locale!= “ar” %}
{{ ‘style.theme-rtl.css’ | asset_url | stylesheet_tag }}
{% endif %}

and

{% if shop.locale == “ar” %}
{{ ‘style.theme-rtl.css’ | asset_url | stylesheet_tag }}
{% endif %}

thanks again and waiting for your reply

5

@Heba_clickwpick

Thanks for details

yes, that’s current what’s issue about it

6

yeah, i wish you help me to fix it asap

7

@Heba_clickwpick

i mean what’s issue after this add code because this code is current

8

unfortunately it didn’t work and i don’t know why

9

@Heba_clickwpick

can you please add me to staff account so i will check the backend code issue and update

10

Done and many many thanks

11

@Heba_clickwpick

Thanks for update and support.

12

hello,
kindly keep me updated if you will provide with a solution to this issue,
thanks alot

13

@Heba_clickwpick

what’s the issue can you please share with us?

14

i already sent to you the issue before and you asked to add you as a team member and that’s what i already did and you accepted the team member request 2 days ago so am asking if you have any updates regarding the rtl issue :slightly_smiling_face:
thanks in advance

15

@Heba_clickwpick

Thanks for

sorry i can’t see the language switcher

KetanKumar_0-1607444318999.png
KetanKumar_0-1607444318999.png1920×1080 238 KB

16

i remove hide it till fixing the issue, you will find it appears now
many thanks for your follow up

17

@Heba_clickwpick

Thanks for update and support

18

am really speechless you helped me in issue i was working to fix it months ago with quick and prompt support thank you to the moon and back. the last thing is where to add specific css styles to appear only when the direction is rtl as it seems that theme-rtl.css is not running now?

thanks again

19

@Heba_clickwpick

Thanks for your feedback and support i have already guide on pm check please

20

Hello Ketan,

we have a problem that the Arabic is showing only partly all of the sudden. The menu is in Arabic and the content is English it was before all correct and now not anymore. Do you have a solution?

Regards, Midia