Re: Right to Left text alignment

Manager2020 · ‎04-24-2024

I am using the Translate and Adapt app with Origin theme to translate my theme to Arabic, however, The theme layout is still not adapted, and there are some parts are still not converted "Right to Left", like the "Image with Text" for example.

AnneLuo · ‎04-24-2024

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add dir='rtl' here

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me

Buy Me A Coffee ☕

Manager2020 · ‎04-24-2024

ok, but then the English version will change also.

I want to keep the LTR for English, but change to RTL for Arabic.

Alomrani · ‎10-13-2024

Did you ever find the solution ? I have the same issue.

BD-Marketing · ‎11-10-2024

Did u have any answers please?

erik_lindberg_s · ‎11-12-2024

Try something like this.

{%- 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 -%}

Re: Right to Left text alignment

Right to Left text alignment

Buy Me A Coffee ☕

Community Blog Articles