Text Right to left, Left to right , based on language

Solved
ahmad_zidane
Tourist
8 0 8

I want to make a store that supports both Arabic and English languages, i found couple of apps that do the translation, but my problem is:
I would like the store to flip its text from Left to right into Right to left whenever im using Arabic Language , and vice versa when i choose the English language,
is there an app or something that can make this happen. 

Thank you.

Accepted Solution (1)

Accepted Solutions
KetanKumar
Shopify Partner
32443 3257 10827

This is an accepted solution.

@ahmad_zidane 

depend on your all 

or try custom css 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 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 14 (14)
KetanKumar
Shopify Partner
32443 3257 10827

@ahmad_zidane 

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
ahmad_zidane
Tourist
8 0 8

Thank you for your reply,

My site URL : https://kadichic.myshopify.com/
Things I would like to mention:
I am currently planning on using this theme as well : https://themeforest.net/item/wokiee-multipurpose-shopify-theme/22559417.
As well as, I am working on translating my website manually as I am not risking bad translation by the apps.

KetanKumar
Shopify Partner
32443 3257 10827

@ahmad_zidane 

Thanks for url 

sorry, but your store is password protect can you please share 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
ahmad_zidane
Tourist
8 0 8

I'm sorry, 


i can not remove the password as i still didn't choose a plan 
but the password is : waskao

KetanKumar
Shopify Partner
32443 3257 10827

@ahmad_zidane 

Thanks

sorry, i can't see language switcher how can i change 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
ahmad_zidane
Tourist
8 0 8

I'm still planning on choosing one app that will show the language switcher and do the trigger. But for now, if its a backend code you are trying to do can you give me the code lines, I will try to understand it and add them into the theme.liquid file , as i am myself a technical guy.

Thank you.

KetanKumar
Shopify Partner
32443 3257 10827

@ahmad_zidane 

Yes, pleas something like this

{%- if shop.locale == 'ar' -%}
Arabic 
{%- else -%}
English
{%- endif -%}>

 

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
ahmad_zidane
Tourist
8 0 8

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

I'm planning on using this code, but the problem is that it's made only when refreshing the page,
I want it as ajax whenever the user is switching language, the page must switch dir as well.

KetanKumar
Shopify Partner
32443 3257 10827

This is an accepted solution.

@ahmad_zidane 

depend on your all 

or try custom css 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 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
spartna
New Member
1 0 1

i have same issue , and i dont know how i can resolved this issue 

KetanKumar
Shopify Partner
32443 3257 10827

@spartna 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you 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
Abdel3
New Member
1 0 1

Hey @KetanKumar,

 

I am having the same issue. Can I please private message you for a solution?

 

All the best,

 

Abdel

KetanKumar
Shopify Partner
32443 3257 10827

@Abdel3 

can you please share store url and what's issue share image

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
eComSeller97
Tourist
11 0 2

Hello, 
I hope you are doing good,
I want to do the same thing as the poster, I want the website to change direction based on the language used and I used Arabic and English too.
I found a website who has this option, this is the URL of that website : Aldka aldka-organics.myshopify.com
Can you please find the code the programmer used to make this possible?
Thank you in advance Mr. Ketan Kumar , I know you are doing so much efforts to reply to everyone and have a good day.