Solved

website rtl direction

Heba_clickwpick
Excursionist
12 0 9

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,

Accepted Solutions (3)

KetanKumar
Shopify Partner
36839 3635 11971

This is an accepted solution.

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.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

KetanKumar
Shopify Partner
36839 3635 11971

This is an accepted solution.

@Heba_clickwpick 

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

KetanKumar
Shopify Partner
36839 3635 11971

This is an accepted solution.

@Heba_clickwpick 

Thanks for update and support

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 31 (31)

KetanKumar
Shopify Partner
36839 3635 11971

This is an accepted solution.

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.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Heba_clickwpick
Excursionist
12 0 9

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

<!-- rtl-CSS -->
{% if shop.locale!= "ar" %}
{{ 'style.theme-rtl.css' | asset_url | stylesheet_tag }}
{% endif %}
<!-- end-rtl-CSS -->

and
<!-- rtl-CSS -->
{% if shop.locale == "ar" %}
{{ 'style.theme-rtl.css' | asset_url | stylesheet_tag }}
{% endif %}
<!-- end-rtl-CSS -->
thanks again and waiting for your reply

Heba_clickwpick
Excursionist
12 0 9
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
KetanKumar
Shopify Partner
36839 3635 11971

@Heba_clickwpick 

Thanks for details 

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Heba_clickwpick
Excursionist
12 0 9

yeah, i wish you help me to fix it asap 

KetanKumar
Shopify Partner
36839 3635 11971

@Heba_clickwpick 

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Heba_clickwpick
Excursionist
12 0 9

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

KetanKumar
Shopify Partner
36839 3635 11971

This is an accepted solution.

@Heba_clickwpick 

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Heba_clickwpick
Excursionist
12 0 9

Done and many many thanks

KetanKumar
Shopify Partner
36839 3635 11971

@Heba_clickwpick 

Thanks for update and support.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Heba_clickwpick
Excursionist
12 0 9

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

KetanKumar
Shopify Partner
36839 3635 11971

@Heba_clickwpick 

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Heba_clickwpick
Excursionist
12 0 9

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 🙂
thanks in advance

KetanKumar
Shopify Partner
36839 3635 11971

@Heba_clickwpick 

Thanks for 

sorry i can't see the language switcher

KetanKumar_0-1607444318999.png

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Heba_clickwpick
Excursionist
12 0 9

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

KetanKumar
Shopify Partner
36839 3635 11971

This is an accepted solution.

@Heba_clickwpick 

Thanks for update and support

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Heba_clickwpick
Excursionist
12 0 9

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

KetanKumar
Shopify Partner
36839 3635 11971

@Heba_clickwpick 

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
midia
Tourist
4 0 3

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

 

KetanKumar
Shopify Partner
36839 3635 11971

@midia 

Sorry for facing this issue, it's my pleasure to help us.

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.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
JihadMustafa
Tourist
5 0 2

Hello Katan,
May I ask you about a problem in my store,
When writing in my store in Arabic the text does not appear correctly from right to left, I tried to add the code in the store code, but I do not have any programming experience to flip the direction.
This is the link of my store
https://digitalland.tech/
Could you please help me?

KetanKumar
Shopify Partner
36839 3635 11971

@JihadMustafa 

It can be done by doing some code customization. please send me a personal message and we can discuss what you'd like

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
MatanCohen365
Shopify Partner
28 0 1

Hey,

 

Try my app R2L

 It does this automatically & free.

 

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

 

Or look R2L at the app store 

Check out my new free app for Shopify RTL support: https://apps.shopify.com/r2l
JihadMustafa
Tourist
5 0 2

Donne

JihadMustafa
Tourist
5 0 2

I already sent you a message,
Can you check it, please.

JihadMustafa
Tourist
5 0 2

I have sent you a message. Can you respond please?

KetanKumar
Shopify Partner
36839 3635 11971

@JihadMustafa 

geat, i will check my all messaga

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
tech5
Visitor
2 0 1

Hi Ketan, I am having the same issue and need help from your side.

KetanKumar
Shopify Partner
36839 3635 11971

oh sorry for tht issue can you please send store url

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
tech5
Visitor
2 0 1

I have emailed you please check!

kamala-dulal
Excursionist
43 0 5

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!

 

Or


11 0 0

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

 

 

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