We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

How can I switch my store content from left to right on the Dawn theme?

How can I switch my store content from left to right on the Dawn theme?

Faty
Tourist
5 0 4

Hi, i`m trying to turn my store content from RIGHT to Left,

it`s already arabic, but the content is from Left to righ, i tried to change it from

settings and language, but the problem is i might lose the arabic content and i can`t

rewrite it again, i tried some codes on theme.liquid but nothing changed, so can you help me with that ??

 

here is a photo of my fotor,

https://ibb.co/WkF7HWJ 

and list of "best products", you can see the title on the left and refuse to go to Rigt

https://ibb.co/H7TK2GP 

Replies 5 (5)

Moeed
Shopify Partner
7764 2082 2567

Hey @Faty 
Kindly share your Store URL and Password if enabled

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


made4Uo
Shopify Partner
3877 719 1235

Hi @Faty 

 

Did you tried to place the direction in your html?

 

1. From you Admin page, go to Online store > Themes > Click the three dots on the theme you want to edit > Edit code
2. Go to Layout folder and open the theme.liquid file
3. Add dir="rtl"  before the closing angle bracket of html. See image below for reference

 

made4Uo_0-1686586098947.png

 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free
Faty
Tourist
5 0 4

it`s already there, and i sent the URL and Password to your private messages 

 

screenshot of my page :

https://ibb.co/Vvc5Xzs 

eldwansy
Tourist
8 0 3

replace this line with this code made4Uo_0-1686586098947.png 

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

 

Mo_ayoub
Visitor
1 0 0

Thanks bro, that's works for me!