AbanteCart Development > Languages and Zones

RTL Languages Support

(1/2) > >>

looling:
Hello All, 8) 8)

I intend to built my own store and I need to have it dual language (English & Arabic)

As you know Arabic is Right To Left (RTL) language. I have a few questions in this regards,

1-The store will be completely right to left starting from the Logo which needs to be transferred to the right. to all the other blocks. (Featured, Latest Products, Bestsellers, etc...) also the words should be starting from right to left

2- What's my first stage of making the changes? are they all going to be only at style.css ?

3- Do I need to create two style.css to make one for Arabic and the other for English? if yes, how do I link it? so when the user select any of the languages it will automatically read from the correct style .css

4- How to make the changes and also make it possible to get the future updates?

Thank you All

looling:
Well  :-*

I try to do something by my self  8)

I figure out these things.

1- In order to offer dual language in the website (RTL) & (LTR) I need to make two style.css file

A: will be as default named (style.css) for English default language.
B: will add another style file and customize it as required to view the website from right to left. will name it (style-arabic.css

2- I need to let the website knows that I have a two style.css files. and depending on the user selected language the website should choose which one of (style) file will use.

3-If I do point number (2).. That will need customization on file called (head.tpl) to be exact on the line

<link href="<?php echo $this->templateResource('/stylesheet/style.css'); ?>" rel="stylesheet" />


I'm not sure if the above correct.. still looking for the expert solutions.

Ps. I try it by my self the website stopped working and gives error referring me to (head.tpl)

Thanks all..

abantecart:
It should be simpler than this.

If you look in main language XML file (english.xml) you can fine blow node:


--- Code: --- <definition>
<key>direction</key>
<value><![CDATA[ltr]]></value>
</definition>

--- End code ---

Change this setting to rtl
Remove this language from the database, clear cache

If there are some layout related issues, you will need to adjust styles for this.

looling:
Thanks for your assistance Abanecart :) I try to follow your directions, but I'm still not getting the results that I'm looking for, I guess your setup will make my website with only one language (Right to left). while I need my website to be able to show 2 languages.

Allow me to explain what in my mind again, it's might be not clear on my previous post.

I'll use screenshot to make it much clear..

1- The website on its English version must be like this:
from this screen I'm trying to show that I have on the website:
A- The default Abantecart format. for the languages (left to right)
B- My website offering Two Languages.



The other screen:
explain how I need the ARABIC website to appear,

So when the user select Arabic language it should make the website look like this screen.


Hope the images get it more clear as this is exactly what I'm thinking of right now.

**I attached the two screenshot.

abantecart:
It does not look right? Browser automatically flips elements from left to right.
Now you need to change English text to Arabic and it will be correct, is not it?

Navigation

[0] Message Index

[#] Next page