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
25040 2506 9064

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 13 (13)
KetanKumar
Shopify Partner
25040 2506 9064

@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
25040 2506 9064

@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
25040 2506 9064

@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
25040 2506 9064

@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
25040 2506 9064

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