I’ve added Arabic to my OpenCart (v1.5.1.3) and I’m having a problem with Shoppica theme.
Arabic is Right to Left language and that is set properly as i can see in the main page source :
dir=”rtl”
However, Shoppica is still displaying the content as LTR. The top menu is on the left , Module’s titles such as “Latest Products” are still on the left , the Shoppica footer starts from the LTR .. etc
How can i fix this and make it completely RTL if the chosen language is Arabic ?
Thank you.
|
|
You will need to register in order to post topics and read replies in the ThemeBurn.com support forums!
|
|
Thank you for the reply. That’s what i have done :
1 – Added this code to header.tpl (between head tags) :
<link rel="stylesheet" type="text/css" href="catalog/view/theme/shoppica/stylesheet/960.css" media="all" />
<link rel="stylesheet" type="text/css" href="catalog/view/theme/shoppica/stylesheet/screen.css?v=1.0.10" media="screen" />
<?php foreach ($languages as $language): ?>
<?php if ($language['code'] == 'ar'): ?>
<link rel="stylesheet" type="text/css" href="catalog/view/theme/shoppica/stylesheet/RTL.css" />
<?php endif; ?>
<?php endforeach; ?>
** I noticed that catalog/view/theme/shoppica/stylesheet/RTL.css DOES NOT EXIST.
2 – I uploaded the files of shoppica_1.0.11.rtl_.zip to their proper folders.
3 – Made the code replacement on catalog/view/theme/shoppica/template/common/footer.tpl
Results : The problem still exists and the above haven’t resolved the RTL issue.
Did I do something wrong ? Maybe the problem is that RTL.css DOES NOT EXIST ?
-
This reply was modified 4481 days ago by meshal500.
|
|
You will need to register in order to post topics and read replies in the ThemeBurn.com support forums!
|
|
Hi,
I went a step a head and tried renaming the path after posting my last reply. Still the same. The content is not RTL yet. And if you chose “English” , some items will not display properly.
Please follow the link to my store and check both languages and how it displays them , note how Arabic is still not RTL.
Thank you,
|
|
Hi,
You are doing something wrong. May we get ftp and admin access, so we can take a look?
You can use hidepost to share private information with the Support team.
Best,
ThemeBurn team
|
|
Hello,
I have created an ftp account to access the store/catalog folder. You can use the information’s bellow to log-in.
Thank you,
-
This reply was modified 4469 days ago by meshal500.
|
|
Hi,
We changed the language check a bit and now everything should be fine.
Best,
ThemeBurn team
|
|
That’s really great …
And this is the Shoppica language file is translated to Arabic. To apply it:
1- Download the attached file. Then unzip it.
2- Drop the file (“Shoppica.php”) in this path:
[OPEN_CART_PATH]\catalog\language\arabic\module
|
|
Great ! Thank you.
I would appreciate it if you can let me know of what I did wrong so I can avoid it next time I install Shoppica.
Thanks again
|
|
Hello meshal500,
I would like to install Arabic too. Can I see how your page is look with Arabic language?
Thanks!
|
|
Hi,
I have one more question please. The footer displays its content as the following :
Info – Contact – Twitter – Facebook
I noticed in another Arabic store that uses Shoppica that they managed to get it displayed as :
Facebook – Twitter – Contact – Info
Which is more suitable for a LTR language.
I would be glad if you can direct me to the changes to be made to get smiler result.
The website mentioned above is :
http://vanillaeshop.com/
Thanks !
P.S. ALFASSAM , I’m sorry but I still cant publish my store publicly but you can check the link above as they have installed the Shoppica theme and managed to get it perfectly working in Arabic.
|
|
Guys …
I still have some minor issues:
- the list of products are still flow from left to right.
- product page layout is still as in English version: Add to cart in the right & the product image in the left.
I applied “rtl_screen.css” but still have these issues.
Have you fix these issues?
-
This reply was modified 4466 days ago by Khaled_288.
|
|
@meshal500
@Khaled_288
Here is the updated code. You can copy only the rtl_screen.css
Best,
ThemeBurn team
|
|
This one is perfect !
Thank you
|
|