Shopify themes, liquid, logos, and UX
Dear Team,
My store has primary language English and second language Arabic which must be in RTL to show properly,
My theme support RTL but i want my theme to switch to RTL when Arabic language is selected with language switcher button, Kindly need support
Language App used (Translation Lab)
Theme Electro 5.0 From Arena commerce
Store URL qsfortech.myshopify.com
Hello, @maymay1994
Thanks for post
i have checked your site but the app not working properly it can be done some custom code.
Thanks,
It can be done by doing some code customization. please send me a personal message and we can discuss what you'd like
Iam facing the issue of right to left text while translating to arabic... dawn theme
@girlishgram oh sorry for that issue can you please your store url
girlishgram.com
@girlishgram thanks for url
yes i can see your translating to Arabic working perfect but doesn't change layout
i have just attach quick mock up can you please check and confirm do you want like this
Yes
@girlishgram thanks for confirm i have checked code for RTL layout need more customization code about new layout if you need this please let me know to discuss about this
Dear May,
Congratulations on the beautiful website, may I know how you achieved the RTL switching thingy? I am in the same boat now but with a different theme but I want to know the approach.
hi
you can use this code :
<!doctype html>
{%- if shop.locale == 'ar' -%}
<html class="no-js" lang="{{ request.locale.iso_code }}" dir="rtl">
{%- else -%}
<html class="no-js" lang="{{ request.locale.iso_code }}">
{%- endif -%}>
Hello Mohamed,
Thanks for this. Where can we apply this code?
regards,
Hi Mohammed, I used your code, but I keep getting this characte "<" in the header of the website, can you help me on how to remove it?
hello,
i have a theme that supports both arabic and english 100%, you can have the landing page in arabic and the second language as english, if you are interested reply to me.
@maymay1994 wrote:Dear Team,
My store has primary language English and second language Arabic which must be in RTL to show properly,
My theme support RTL but i want my theme to switch to RTL when Arabic language is selected with language switcher button, Kindly need support
Language App used (Translation Lab)
Theme Electro 5.0 From Arena commerce
Store URL qsfortech.myshopify.com
Hi
Could you please provide the theme URL.
Thanks
hi,
I am interested in a Shopify theme that has both Arabic and English support.
yes shopify theme work as well
Check Plak Theme, they have an Arabic Shopify that support multi-languages switcher
Add this code :
{%- if shop.locale == 'ar' -%}
<html class="no-js" lang="{{ request.locale.iso_code }}" dir="rtl">
{%- else -%}
<html class="no-js" lang="{{ request.locale.iso_code }}">
{%- endif -%}
to Theme. liquid under the first line : <!doctype html>
simple straight forward
Yes. This worked perfectly . Just find the main theme templage (e.g. template.liquid) and replace the <html> tag there with this one.
Be careful to keep "class" and other attributes as they are. for example, if your original html has class "js" don't remove it and but "no-js" as above, simply keep "no-js" and add the dir="rtl" attribute.
bests and thanks for solving.
thanks for sharing that! my site kept losing the functionality of the drawer menu on mobile - looking at the original code on my site had "js" so I corrected the code and have no issues with the mobile drawer menu.
Here is the updated code for anyone else finding this issue where the drawer menu doesn't open.
{%- if shop.locale == 'ar' -%}
<html class="js" lang="{{ request.locale.iso_code }}" dir="rtl">
{%- else -%}
<html class="js" lang="{{ request.locale.iso_code }}">
{%- endif -%}
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025