Articles on: [Shopify] FAQ

Setting up RTL direction in the theme code

Yes. LangShop supports RTL (right-to-left) languages.





Here is the list of supported RTL languages:

Arabic (ar) ๐Ÿ‡ฆ๐Ÿ‡ช

Hausa (ha) ๐Ÿ‡ณ๐Ÿ‡ช

Hebrew (he) ๐Ÿ‡ฎ๐Ÿ‡ฑ

Kashmiri (ks) ๐Ÿ‡ต๐Ÿ‡ฐ

Kurdish (ku) ๐Ÿ‡ฎ๐Ÿ‡ถ

Pashto (ps) ๐Ÿ‡ฆ๐Ÿ‡ซ

Persian (fa) ๐Ÿ‡ฎ๐Ÿ‡ท

Urdu (ur) ๐Ÿ‡ฎ๐Ÿ‡ณ

Yiddish (yi) ๐Ÿ‡ฎ๐Ÿ‡ฑ




Make sure to add the direction in the theme code after you translate your store into RTL languages.

Steps:

From your LangShop admin, go to Translations > Themes.

Select a theme, click on Actions > Customize.

... > Edit code.

In your template engine, searัh for the theme.liquid template.

Find the html tag >
<html class="no-js" lang="#{{ shop.locale }}">, add the direction for the right-to-left languages you've added to your online store >
<html class="no-js" lang="#{{ shop.locale }}" dir="rtl">.



Click Save.



In case the previous method does not work, please try to add the following instead:

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


NOTE

Some themes don't support RTL languages as they require additional scripts to make themes compatible with the right to left direction and not break the original layout and custom CSS styles.

Updated on: 09/08/2024

Was this article helpful?

Share your feedback

Cancel

Thank you!