Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Change FORM Direction ?

Change FORM Direction ?

Locked

Views: 8,604

Results 1 to 20 of 45
This thread is locked. New replies are disabled.
1 Jul 2006, 11:30 AM
#1
yabora avatar

yabora

New Zenner

Join Date:
May 2006
Posts:
64
Plugin Contributions:
2

Change FORM Direction ?

Guys, I am using 1.3.0.1 version, I am doing a "right to left" language store.

I have changed the dir parameter in engilsh.php from dir="ltr" changed it to dir="rtl"

This small change did most of the things I expected.

BUT, my problem is with the forms!!, contact us, change password, create account, and all the other forms, the direction of them is still left to right, and the alignment is still to the left.

For example

In English: the alignment is to the left and direction of the form is left to right.

Field name: [field box]

In my language I want it to be aligned to the right and direction is right to left.

[Field box]: الآسم بالعربي

What I am getting right now for the forms is this:

الأسم بالعربي: [field box]

As you know all these forms appear in the middle or center column, I don't know if I need to change the center column layout or I have to change the forms each one by one (guessing!!!)

Can any one tell me which file or files I have to edit , and what to edit to get his layout changed

And thanks in advance.

1 Jul 2006, 1:32 PM
#2
Kim avatar

Kim

Obaa-san

Join Date:
Jun 2003
Location:
West Coast, North America
Posts:
26,621
Plugin Contributions:
0

Re: Change FORM Direction ?

Look to your stylesheet- the classes that control the forms are floates to the left, you should be able to change those to float right.

2 Jul 2006, 5:56 AM
#3
yabora avatar

yabora

New Zenner

Join Date:
May 2006
Posts:
64
Plugin Contributions:
2

Re: Change FORM Direction ?

Kim, thank you very much :thumbsup:

By changing the floating to right in the stylesheet; I have got my layout problem solved.

cheers

9 Nov 2006, 10:01 PM
#4
reza avatar

reza

Zen Follower

Join Date:
Aug 2006
Posts:
166
Plugin Contributions:
0

Re: Change FORM Direction ?

yabora:

Guys, I am using 1.3.0.1 version, I am doing a "right to left" language store.

I have changed the dir parameter in engilsh.php from dir="ltr" changed it to dir="rtl"

This small change did most of the things I expected.

BUT, my problem is with the forms!!, contact us, change password, create account, and all the other forms, the direction of them is still left to right, and the alignment is still to the left.

For example

In English: the alignment is to the left and direction of the form is left to right.

Field name: [field box]

In my language I want it to be aligned to the right and direction is right to left.

[Field box]: الآسم بالعربي

What I am getting right now for the forms is this:

الأسم بالعربي: [field box]

As you know all these forms appear in the middle or center column, I don't know if I need to change the center column layout or I have to change the forms each one by one (guessing!!!)

Can any one tell me which file or files I have to edit , and what to edit to get his layout changed

And thanks in advance.
hi
I did all what you mentioned. in firefox it works, but in IE the right to left does not do on the page, as a result as normally we expect that category sidebox in arabic language pages go to right with align right and float to right, in IE it does not happen.
also a very big problem,when you switch to arabic language, all fonts are very big, so the general layout is disturbed, the sideboxes come on the text of midle colomn,
please give me a hand, as I am tired about this inconvenience of arabic language?
thanks

9 Nov 2006, 10:36 PM
#5
Kim avatar

Kim

Obaa-san

Join Date:
Jun 2003
Location:
West Coast, North America
Posts:
26,621
Plugin Contributions:
0

Re: Change FORM Direction ?

Look in your stylesheets and change the floats from left to right?

9 Nov 2006, 11:01 PM
#6
reza avatar

reza

Zen Follower

Join Date:
Aug 2006
Posts:
166
Plugin Contributions:
0

Re: Change FORM Direction ?

Kim:

Look in your stylesheets and change the floats from left to right?
hi kim i did it, but the right sidebox and even left side boxes overlap the midle colomn, i changed mail wrapper from 750 to 950, it a liitle bit helps, but why the english one is very "propre= clean" but the arabic one very disoriented!!!!

9 Nov 2006, 11:12 PM
#7
reza avatar

reza

Zen Follower

Join Date:
Aug 2006
Posts:
166
Plugin Contributions:
0

Re: Change FORM Direction ?

reza:

hi kim i did it, but the right sidebox and even left side boxes overlap the midle colomn, i changed mail wrapper from 750 to 950, it a liitle bit helps, but why the english one is very "propre= clean" but the arabic one very disoriented!!!!

this is a fig of the problem, as you see the middle colomn goes under the left sidebox

also another question;
how can I disable the uèsers to change my webpage font size, i remarked when the font size is changed by the user in his browser, all these arrangements and layout will be damaged and again disorder layout, I see some other websites with zen that they disable user to change font size b-in view o browser, how, I do not know? any help is welcome,

29 Nov 2007, 10:46 PM
#8
alhakeem2001 avatar

alhakeem2001

Zen Follower

Join Date:
Nov 2007
Posts:
434
Plugin Contributions:
1

Re: Change FORM Direction ?

Hi guys ,please I need your help as I read your desiccations here and there and you have already passed over most of the problems that I'm facing now, the thing that I didn't figure out yet is, where is that stylesheet that I need to modify and is it a general stylesheet "for all languages" or should I assign one stylesheet for each language as I have a Multilanguage's zen-cart ! I am countering a problem with the Arabic language, using rtl to change the direction of writing and the UTF-8 to have the Arabic fonts in a readable form, I'm using the Zen Cart V. 1.3.7, I just downloaded one language pack and started translating the menu and products to the Arabic language, what is strange here is I couldn't find any stylesheet in the language pack !! The thing is the Arabic fonts doesn't show the way that it should in both admin and in the user end pages .. Please check attachment ..

30 Nov 2007, 1:57 AM
#9
yabora avatar

yabora

New Zenner

Join Date:
May 2006
Posts:
64
Plugin Contributions:
2

Re: Change FORM Direction ?

alhakeem2001, which language pack you have downloaded, there is no arabic language pack!!!

anyways, charset you use in admin control panel should be the same as charset you use the store front. otherwise you might see un-expected things like what you saw, i can see the symble ] next the cat. name, i know you didn't write it, :shocking:

and it is very important that you set database charset to utf-8 before starting the installation, if you have not done this, I think you need to delete your db and re-do the instalation of db using utf-8 general as the default charset for your db.

1 - set arabic.php charset to utf-8
2 - set english.php charset to utf-8
2 - admin\includes\languages\arabic.php charset must be utf-8 as well.
2 - admin\includes\languages\english.php charset must be utf-8 as well.
3 - your database charset should be utf-8


Style sheet:

language pack does not include any css files, only php files that contains words and sentances translation.

but for arabic front store, off course you need a right to left template.

modify css in classic green template to show the store from right to left.

I am in the middle of preparing
1 - Arabic Langauge Pack
2 - Arabic Classic Green Template

and I will post them soon, just wait 2 days

my testing store:

http://yabora.byethost13.com/zc/

db charset is latin1
language pack chartset is windows-1256

the attached is my "under testing" Classic_Arabic template

yabora

30 Nov 2007, 7:28 AM
#10
alhakeem2001 avatar

alhakeem2001

Zen Follower

Join Date:
Nov 2007
Posts:
434
Plugin Contributions:
1

Re: Change FORM Direction ?

Hey yabora, Thanks a lot for your reply, I just downloaded a language pack for Dutch language and started to translate it to Arabic but as you went so far with the Arabic language pack I would stop editing mine pack, So I will just wait a couple of days for the Arabic language pack to gets ready! I hope so ;-) . about the Zen cart , I didn’t install it my self , I got it installed automatically off course with my permission after my registration to a new hosting server “dreamhost” so I don’t know even how delete the db and re-do the installation again using utf-8 general as the default charest for db.
Nonetheless, regarding the requirements that you mentioned in your reply I think I can do some of them :

1 - set arabic.php charset to utf-8 Done
2 - set english.php charset to utf-8 Done
2 - admin\includes\languages\arabic.php charset must be utf-8 as well. Done
2 - admin\includes\languages\english.php charset must be utf-8 as well. Done
3 - your database charset should be utf-8 Done:smartalec:

About the template I have a lot remarks about it ! but would the new Arabic Classic Green template be totally different from the original one ? because with the original template comes with a white color which covers a big space of the page, it’s a bit too bright ! Is there any changes in yours? Is your template editable ? Is it ok that I’m asking too much :blush: ? Finally, how would I know that the final Arabic language pack with it’s template has been released out ? is there a way to get notified by Email or SMS for example ? Thanks a lot

30 Nov 2007, 7:46 AM
#11
alhakeem2001 avatar

alhakeem2001

Zen Follower

Join Date:
Nov 2007
Posts:
434
Plugin Contributions:
1

Re: Change FORM Direction ?

one more thing please, my website takes long time to upload! Any clue why is that? I did all the things mentioned in this forum to upload faster but it didn't help !

http://www.arab-broker.com/orientals :wacko:

Thanks,

30 Nov 2007, 9:19 AM
#12
yabora avatar

yabora

New Zenner

Join Date:
May 2006
Posts:
64
Plugin Contributions:
2

Re: Change FORM Direction ?

alhakeem2001, first of all you are welcome, we are here to help each other and encourage team work.:hug:

I just downloaded a language pack for Dutch language and started to translate it to Arabic but as you went so far with the Arabic language pack I would stop editing mine pack, So I will just wait a couple of days for the Arabic language pack to gets ready! I hope so ;-)

Yes, STOP translation, I am almost done 99%, and I did my best to be accurate and professional in my translation. and if you can't wait I can email it or PM to you, or wait until I post my finial one.

I didn’t install it my self , I got it installed automatically off course with my permission after my registration to a new hosting server “dreamhost” so I don’t know even how delete the db and re-do the installation again using utf-8 general as the default charest for db.

my advice, I highly don't recommand this situation, you MUST know how to do these thing your self or by your freind, how to install it, charsets, how to delete/add databases, add/delete mods ..etc. it is not diffecult to learn them, you don't need to be a computer specialist to be able to manage these things, get your self familier with all these things and ask for help here when ever you need, that is the best way.

About the template I have a lot remarks about it ! but would the new Arabic Classic Green template be totally different from the original one ? because with the original template comes with a white color which covers a big space of the page, it’s a bit too bright !

the classic green is the Zen Cart offical default template, use it as a starting point to get to any another look, however, it is not a must, you still can use other free or paid templates, or ask a designer to make a fully customized one for you.

the Arabic Classic Green template i m doing is exactly the same as the english classic green, except that it will float from right to left, and language will be arabic, plus arabic buttons, no other chages will be made in colors or styles. because I want it to be an offical classic green arabic

Is your template editable ? Is it ok that I’m asking too much
yes it is, you need to know about css edit, if you don't search this forum.
it is ok, ask what ever comes to your mind, but I will reply when i have time, or maybe other may help you :smile:

Finally, how would I know that the final Arabic language pack with it’s template has been released out ? is there a way to get notified by Email or SMS for example

I don't think so, they will not announce such thing as news or something, just keep checking the downloads section language packs, it should go alphabitcally the first one.

-------------------------------------------------

Q1 - did you use the template i attached, did it work?
Q2 - you said all charsets are sat to utf-8, is your problem solved, i still see strang symbols next to one the arabic category name?

30 Nov 2007, 9:26 AM
#13
yabora avatar

yabora

New Zenner

Join Date:
May 2006
Posts:
64
Plugin Contributions:
2

Re: Change FORM Direction ?

it is not slow, its ok with me, I use DSL connection 256 kbps, maybe you are using dail up!!

there are many factors that may effect performence:

  1. quality of hosting server.
  2. no of products.
  3. images and buttons sizes
  4. configurations: this will help (disable products counts in categories menu, disable manifacturers side box, enable gzip compression, and others options)
30 Nov 2007, 11:20 AM
#14
alhakeem2001 avatar

alhakeem2001

Zen Follower

Join Date:
Nov 2007
Posts:
434
Plugin Contributions:
1

Re: Change FORM Direction ?

yabora:

alhakeem2001, first of all you are welcome, we are here to help each other and encourage team work.:hug:

Thanks man, for being kind:bigups:

Yes, STOP translation, I am almost done 99%, and I did my best to be accurate and professional in my translation. and if you can't wait I can email it or PM to you, or wait until I post my finial one.

I stopped translating from yesterday as I'm on my work now:dontgetit

my advice, I highly don't recommand this situation, you MUST know how to do these thing your self or by your freind, how to install it, charsets, how to delete/add databases, add/delete mods ..etc. it is not diffecult to learn them, you don't need to be a computer specialist to be able to manage these things, get your self familier with all these things and ask for help here when ever you need, that is the best way.

Well, I know how to create, rename, delete.. a new database from my administrator panel , so no problem with that, I just wanted to point to the fact that I didn’t install the Zen cart my self, that’s all and off course I will look for help within this forum, Thanks

the classic green is the Zen Cart offical default template, use it as a starting point to get to any another look, however, it is not a must, you still can use other free or paid templates, or ask a designer to make a fully customized one for you.
Well, I can do it my self as I’m used to be web & graphic designer but I don’t how then I don’t know how to chop my template to fit in the default one!
the Arabic Classic Green template i m doing is exactly the same as the english classic green, except that it will float from right to left, and language will be arabic, plus arabic buttons, no other chages will be made in colors or styles. because I want it to be an offical classic green arabic

That’s great man, that’s exactly what I wanted from the functional prospective point view!
yes it is, you need to know about css edit, if you don't search this forum.
it is ok, ask what ever comes to your mind, but I will reply when i have time, or maybe other may help you :smile:

But I’m talking about more than just CSS, I am talking about the images for the template.
Thanks again sir
:bigups:

I don't think so, they will not announce such thing as news or something, just keep checking the downloads section language packs, it should go alphabitcally the first one.
No problem, I will keep checking the downloads

-------------------------------------------------

Q1 - did you use the template i attached, did it work? No I'm waiting for the final version:wink:
Q2 - you said all charsets are sat to utf-8, is your problem solved, i still see strang symbols next to one the arabic category name?:oops:sorry I am on my work now, but I know how to do that..

1 Dec 2007, 11:54 PM
#15
alhakeem2001 avatar

alhakeem2001

Zen Follower

Join Date:
Nov 2007
Posts:
434
Plugin Contributions:
1

Re: Change FORM Direction ?

Any good news about the Arabic language and template Pack ? Is there an approximate date for the pack's release?:lookaroun

2 Dec 2007, 10:10 PM
#16
alhakeem2001 avatar

alhakeem2001

Zen Follower

Join Date:
Nov 2007
Posts:
434
Plugin Contributions:
1

Re: Change FORM Direction ?

Hey Yabora, It has been long ago since you sent your last thread here, I hope you are OK, aout the Arabic language I still can fix this problem to desplay the Arabic fonts in the right way as it still shows the fonts in funny way ! " كبه ح" I set the font in the database to " utf-8" and in all arabic.php by admin side and by the user side, would the new arabic language and template fix this problem or still I need to modify some arias within the Arabic.php ?

2 Dec 2007, 11:39 PM
#17
yabora avatar

yabora

New Zenner

Join Date:
May 2006
Posts:
64
Plugin Contributions:
2

Re: Change FORM Direction ?

alhakeem2001,

I M sorry for the delay, all files are translated except one file

\arabic\modules\payment\paypalwpp.php

which you might don't need, I will try my best to release it today 3rd Dec 2007 afternoon like 17:00 GMT+4

note that the translation I have done so far is for the store front only, not for the admin control panel.

but this is just the start, there are a lot to be done.

but I m starting a Project ( Zen-Cart Arabic Full Pack ), the Project will include:

  1. Store Front Arabic Language Pack (ANSI)
  2. Store Front Arabic Language Pack (UTF-8)
  3. Admin Area Arabic Language Pack (ANSI)
  4. Admin Area Arabic Language Pack (UTF-8)
  5. Classic Green Arabic Template + Buttons.
  6. Classic Green Arabic Admin Area Template + Buttons.
  7. Arabic User Manual.

But I can not do all this by my self, I need help ... I hope other users will cooperate.


aout the Arabic language I still can fix this problem to desplay the Arabic fonts in the right way as it still shows the fonts in funny way ! " كبه ح" I set the font in the database to " utf-8" and in all arabic.php by admin side and by the user side, would the new arabic language and template fix this problem or still I need to modify some arias within the Arabic.php ?

I m assuming that your db is utf-8

you are typing category names using zen-cart admin control panel, but are you sure you are entering charactors in utf-8. in another way, when you are in the catalog page where you write cat. name in arabic, check the page encoding, right-click on any empty space within the page an select encoding, what is the default encoding you are getting, is it utf-8?

if not, then just for testing purpose, change the encoding (force it) of that page to utf-8, and then type the cat. name in arabic, and save, and then check your store.

hope this will help.

3 Dec 2007, 8:11 AM
#18
alhakeem2001 avatar

alhakeem2001

Zen Follower

Join Date:
Nov 2007
Posts:
434
Plugin Contributions:
1

Re: Change FORM Direction ?

yabora:

alhakeem2001,

I M sorry for the delay, all files are translated except one file

\arabic\modules\payment\paypalwpp.php

which you might don't need, I will try my best to release it today 3rd Dec 2007 afternoon like 17:00 GMT+4

note that the translation I have done so far is for the store front only, not for the admin control panel.

but this is just the start, there are a lot to be done.

but I m starting a Project ( Zen-Cart Arabic Full Pack ), the Project will include:

  1. Store Front Arabic Language Pack (ANSI)
  2. Store Front Arabic Language Pack (UTF-8)
  3. Admin Area Arabic Language Pack (ANSI)
  4. Admin Area Arabic Language Pack (UTF-8)
  5. Classic Green Arabic Template + Buttons.
  6. Classic Green Arabic Admin Area Template + Buttons.
  7. Arabic User Manual.

But I can not do all this by my self, I need help ... I hope other users will cooperate.

I will be delighted to help you on that just tell me what to do !

I m assuming that your db is utf-8

you are typing category names using zen-cart admin control panel, but are you sure you are entering charactors in utf-8. in another way, when you are in the catalog page where you write cat. name in arabic, check the page encoding, right-click on any empty space within the page an select encoding, what is the default encoding you are getting, is it utf-8?

if not, then just for testing purpose, change the encoding (force it) of that page to utf-8, and then type the cat. name in arabic, and save, and then check your store.

hope this will help.

It's really weird what’s happening here! I added a name in Arabic as “cat “ but in Arabic for my product in the admin panel but when I wanted to view it in store front side, it didn’t show up ! why is that , and yes I changed, it to utf-8 but still nothing happened!

3 Dec 2007, 9:39 AM
#20
alhakeem2001 avatar

alhakeem2001

Zen Follower

Join Date:
Nov 2007
Posts:
434
Plugin Contributions:
1

Re: Change FORM Direction ?

Other issue raised up here! first forget about the problem of showing the Arabic fonts because it has been solved, the new issue is, I tried to open my website "the Arabic language " in Internet explorer it works ok without changing in directions within the template but when I did that in Opera, it shows the Arabic language and the template fliped all boxes arround as it should do in the Arabic language websites , amazing:bigups: ! Why in Internet explorer doesn't do the same ?:(