mojtabam Posted September 2, 2014 Share Posted September 2, 2014 Hi, I am using prestashop 1.5.4.1 and I have installed Persian language alongside English. The problem is that, when I fix the css for rtl language, the ltr language is not showing correctly, and vice versa. Please let me know what should I do? http://www.moodico.com/products Thanks, Mojtaba Link to comment Share on other sites More sharing options...
mojtabam Posted September 5, 2014 Author Share Posted September 5, 2014 No one?!! Link to comment Share on other sites More sharing options...
mojtabam Posted September 6, 2014 Author Share Posted September 6, 2014 Please, just a hint. Link to comment Share on other sites More sharing options...
vekia Posted September 6, 2014 Share Posted September 6, 2014 The problem is that, when I fix the css for rtl language how you're fixing it? also, currently shop is under maintenance mode Link to comment Share on other sites More sharing options...
mojtabam Posted September 7, 2014 Author Share Posted September 7, 2014 Thank you for your response. Actually I use firebug and I change the css files. But when I change them right to left, the English is also right to left. Could you please tell me how can I assign different css files to different languages? I enabled the shop. Could you please check it? Link to comment Share on other sites More sharing options...
razaro Posted September 7, 2014 Share Posted September 7, 2014 Try with this - edit header.tpl in your theme and add language iso {$lang_iso} as class to body <body {if isset($page_name)}id="{$page_name|escape:'htmlall':'UTF-8'}"{/if} class="{$lang_iso} {if isset($page_name)}{$page_name|escape:'htmlall':'UTF-8'}{/if}{if $hide_left_column} hide-left-column{/if}{if $hide_right_column} hide-right-column{/if}{if $content_only} content_only{/if}"> Then you can add different css like body.en .container_9 .grid_5 {width:817px;direction:ltr;} body.fa .container_9 .grid_5 {width:817px;direction:rtl;} 1 Link to comment Share on other sites More sharing options...
mojtabam Posted September 7, 2014 Author Share Posted September 7, 2014 Thanks a million. It works like a charm. Link to comment Share on other sites More sharing options...
mojtabam Posted September 7, 2014 Author Share Posted September 7, 2014 Dear RAZARO, Could you please tell me how can I have right column in Persian, and Left column in English? Should I modify a .tpl file to add language iso? Thanks, Mojtaba Link to comment Share on other sites More sharing options...
razaro Posted September 8, 2014 Share Posted September 8, 2014 Not sure if you can do that fully. You can try to have translation for right column text in Persian for both languages and similar for left column. So use English to translate left column in Persian too. But think that will not translate all, like product names and descriptions in columns, that comes from php. And for css you can use #right_column {direction:rtl;} #left_column {direction:ltr;} or something similar. 1 Link to comment Share on other sites More sharing options...
mojtabam Posted September 14, 2014 Author Share Posted September 14, 2014 razaro, actually I have just enabled right column and I have deleted left column from the theme. I find that I can change its position to the left side by changing the float attribute. But the problem is that when I do that for both En and Fa other components are displaced. Do you know how can I change its position for each language by modifying css style? Thanks a million, Mojtaba Link to comment Share on other sites More sharing options...
razaro Posted September 14, 2014 Share Posted September 14, 2014 Not sure what is an issue as your shop is in maintenance mode, you could add some screenshots that helps seeing a problem. But think you have all that is needed just to combine css to specific case you want. For example body.en #right_column {direction:rtl;float:left;} body.fa #right_column {direction:rtl;float:right;} or direction:ltr for English, also try with !important body.en #right_column {direction:rtl !important;float:left;} body.fa #right_column {direction:rtl !important;float:right;} Not sue exactly what you want but again, some combination of those css should help. Link to comment Share on other sites More sharing options...
mojtabam Posted September 14, 2014 Author Share Posted September 14, 2014 Thank you very much for your response. I am trying to modify themese/mojtabatheme/css/grid_prestashop.css:20 and when I change the float from left to right, the column moves to the left of the page, and it is fine. But when I am going to use the combination body.fa and body.en before .grid_1 to 9, the menu moves down the page: http://www.vatankado.com/ABREMAN/public.php?service=files&t=3e3f24f00a86b3bd98b601b4669120fb http://www.vatankado.com/ABREMAN/public.php?service=files&t=54b78ebe49b710dacec39a7fdd279a2b http://www.vatankado.com/ABREMAN/public.php?service=files&t=dc00315aaf6ec22bc23448957c59cf1c PS. I could not find how can I attach files here. Link to comment Share on other sites More sharing options...
mojtabam Posted September 19, 2014 Author Share Posted September 19, 2014 Hi, To be more explicit, I would like to do something like moodico.com/en As you can see, by changing the language menu appears on the right or left. Your help is highly appreciated. Best, Mojtaba Link to comment Share on other sites More sharing options...
mojtabam Posted September 28, 2014 Author Share Posted September 28, 2014 No one? Link to comment Share on other sites More sharing options...
Danoosh Posted September 30, 2014 Share Posted September 30, 2014 (edited) You can use unofficially prestashop persian version that improved for rtl languages. It is published in http://ipresta.ir and github. With this version your theme is both rtl and ltr. Edited September 30, 2014 by Danoosh (see edit history) 1 Link to comment Share on other sites More sharing options...
elektrojo Posted October 2, 2014 Share Posted October 2, 2014 could any one please summarize the fix steps , where to fine the header.tpl file and what to add? I need to fix it for Arabic and English Link to comment Share on other sites More sharing options...
mojtabam Posted October 17, 2014 Author Share Posted October 17, 2014 Dear Danoosh, As I have mentioned in another thread it is almost done and this is the only remained thing. I really appreciate it, if you could help me to fix it. Link to comment Share on other sites More sharing options...
mojtabam Posted October 23, 2014 Author Share Posted October 23, 2014 No one?! Link to comment Share on other sites More sharing options...
mojtabam Posted October 25, 2014 Author Share Posted October 25, 2014 It is 99% ready, please help me to fix this issue. Any help is highly appreciated. Thanks Link to comment Share on other sites More sharing options...
Danoosh Posted October 25, 2014 Share Posted October 25, 2014 Making a theme RTL is more than changing some styles. you must flip everything in your theme in any page. for prestashop 1.5 create an rtl.css file in your theme folder and prestashop 1.6 read this topic: http://www.prestashop.com/forums/topic/364608-rtl-fundamentals-support-choices-and-help/ در صورت تمایل میتونید با شماره های موجود در سایت ما تماس بگیرید تا بیشتر راهنمایی بشید Link to comment Share on other sites More sharing options...
mojtabam Posted October 25, 2014 Author Share Posted October 25, 2014 Dear Danoosh, Thank you for your response. As I have mentioned everything is working fine and I just want to flip the menu to the other side. Please let me know what css files should be manipulated? Thanks, Mojtaba Link to comment Share on other sites More sharing options...
Danoosh Posted October 25, 2014 Share Posted October 25, 2014 menu is a module and you can find it in your module folder of theme 1 Link to comment Share on other sites More sharing options...
Recommended Posts