Shopify themes, liquid, logos, and UX
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,
Solved! Go to the solution
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.
This is an accepted solution.
can you please add me to staff account so i will check the backend code issue and update
This is an accepted solution.
Thanks for update and support
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.
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
Thanks for details
yes, that's current what's issue about it
yeah, i wish you help me to fix it asap
i mean what's issue after this add code because this code is current
unfortunately it didn't work and i don't know why
This is an accepted solution.
can you please add me to staff account so i will check the backend code issue and update
Done and many many thanks
Thanks for update and support.
hello,
kindly keep me updated if you will provide with a solution to this issue,
thanks alot
what's the issue can you please share with us?
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
Thanks for
sorry i can't see the language switcher
i remove hide it till fixing the issue, you will find it appears now
many thanks for your follow up
This is an accepted solution.
Thanks for update and support
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
Thanks for your feedback and support i have already guide on pm check please
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
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.
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?
It can be done by doing some code customization. please send me a personal message and we can discuss what you'd like
Hey,
Try my app R2L
It does this automatically & free.
Or look R2L at the app store
Donne
I already sent you a message,
Can you check it, please.
I have sent you a message. Can you respond please?
geat, i will check my all messaga
Hi Ketan, I am having the same issue and need help from your side.
oh sorry for tht issue can you please send store url
I have emailed you please check!
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
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024