[Skip to main content](#vessel-content)

#   Front end error - editing order in Arabic language

##

- **[the1st\_expert](/forum/user/30668-the1st-expert "View the1st&#95;expert's Profile")**
- [![the1st&#95;expert's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/30668-the1st-expert "View the1st&#95;expert's Profile") Topic Author
- [ Offline](/forum/user/30668-the1st-expert)

Less More

- Posts: 28
- Thank you received: 0
-
-

11 years 5 months ago [\#201665](#201665) by [the1st\_expert](/forum/user/30668-the1st-expert "View the1st&#95;expert's Profile")  *[Front end error - editing order in Arabic language](/forum/22-market-bug-report/876952-front-end-error-editing-order-in-arabic-language#201665 "-- HikaShop version -- : 2.4.0 -- HikaMarket version -- : 1.6.2 -- Joomla version -- : 3.4.1 -- PHP version -- : 5.5.17 -- Browser(s) name and version -- : 42.0.2311.135  in the front end (in the Arabic Language Interface), when i go to vendor control panel, then go to orders, select one of the orders ..  I get the order details where i can edit some, the edit button is underneath the (Arabic Title), and cannot be clicked.  Please check on that.  Thanks.")* was created by *[the1st\_expert](/forum/user/30668-the1st-expert "View the1st&#95;expert's Profile")*

-- HikaShop version -- : 2.4.0
-- HikaMarket version -- : 1.6.2
-- Joomla version -- : 3.4.1
-- PHP version -- : 5.5.17
-- Browser(s) name and version -- : 42.0.2311.135

in the front end (in the Arabic Language Interface), when i go to vendor control panel, then go to orders, select one of the orders ..

I get the order details where i can edit some, the edit button is underneath the (Arabic Title), and cannot be clicked.

Please check on that.

[ ![hikamarket&#95;-&#95;arabic&#95;language&#95;-edit&#95;problem.png](/forum/attachment/24356) ](/forum/attachment/24356 "...it&#95;problem.png")

Thanks.

- [ ![hikamarket&#95;-&#95;arabic&#95;language&#95;-edit&#95;problem.png](/forum/attachment/24356) ](/forum/attachment/24356 "...it&#95;problem.png") [ ](/forum/attachment/24356?download=1 "...it&#95;problem.png")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzIyLW1hcmtldC1idWctcmVwb3J0Lzg3Njk1Mi1mcm9udC1lbmQtZXJyb3ItZWRpdGluZy1vcmRlci1pbi1hcmFiaWMtbGFuZ3VhZ2U/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[Jerome](/forum/user/80-jerome "View Jerome's Profile")**
- [![Jerome's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar80.png)](/forum/user/80-jerome "View Jerome's Profile")
- [ Offline](/forum/user/80-jerome)
- HikaShop core developer

Less More

- Posts: 26394
- Thank you received: 4078
-
- [](http://obsi.dev)
-

11 years 5 months ago [\#201677](#201677) by [Jerome](/forum/user/80-jerome "View Jerome's Profile")  Replied by *[Jerome](/forum/user/80-jerome "View Jerome's Profile")* on topic *[Front end error - editing order in Arabic language](/forum/22-market-bug-report/876952-front-end-error-editing-order-in-arabic-language#201677 "-- HikaShop version -- : 2.4.0 -- HikaMarket version -- : 1.6.2 -- Joomla version -- : 3.4.1 -- PHP version -- : 5.5.17 -- Browser(s) name and version -- : 42.0.2311.135  in the front end (in the Arabic Language Interface), when i go to vendor control panel, then go to orders, select one of the orders ..  I get the order details where i can edit some, the edit button is underneath the (Arabic Title), and cannot be clicked.  Please check on that.  Thanks.")*

Hi,

Your website is protected by a password so I can't see if you have a special CSS files for the "RTL" support.
If so, the best will be to add that CSS code in your RTL file: Code:

fieldset.hikam_field .hikam_edit { float:left !important; }

So you will force the display of the edit button on the right and not on the left.

If you do not have a RTL CSS file; you can create a "style" in the HikaMarket configuration and add the content above.

Regards,

---

Jerome - Obsidev.com
HikaMarket &amp; HikaSerial developer / HikaShop core dev team.

The following user(s) said Thank You: [the1st\_expert](/forum/user/30668-the1st-expert "View the1st&#95;expert's Profile")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzIyLW1hcmtldC1idWctcmVwb3J0Lzg3Njk1Mi1mcm9udC1lbmQtZXJyb3ItZWRpdGluZy1vcmRlci1pbi1hcmFiaWMtbGFuZ3VhZ2U/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[the1st\_expert](/forum/user/30668-the1st-expert "View the1st&#95;expert's Profile")**
- [![the1st&#95;expert's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/30668-the1st-expert "View the1st&#95;expert's Profile") Topic Author
- [ Offline](/forum/user/30668-the1st-expert)

Less More

- Posts: 28
- Thank you received: 0
-
-

11 years 5 months ago [\#201842](#201842) by [the1st\_expert](/forum/user/30668-the1st-expert "View the1st&#95;expert's Profile")  Replied by *[the1st\_expert](/forum/user/30668-the1st-expert "View the1st&#95;expert's Profile")* on topic *[Front end error - editing order in Arabic language](/forum/22-market-bug-report/876952-front-end-error-editing-order-in-arabic-language#201842 "-- HikaShop version -- : 2.4.0 -- HikaMarket version -- : 1.6.2 -- Joomla version -- : 3.4.1 -- PHP version -- : 5.5.17 -- Browser(s) name and version -- : 42.0.2311.135  in the front end (in the Arabic Language Interface), when i go to vendor control panel, then go to orders, select one of the orders ..  I get the order details where i can edit some, the edit button is underneath the (Arabic Title), and cannot be clicked.  Please check on that.  Thanks.")*

Thanks man.

in the same page when i click on the edit product list

[ ![product&#95;edit.png](/forum/attachment/24401) ](/forum/attachment/24401 "product&#95;edit.png")

the product explorer shows up, the text is over the icon as well.

[ ![Product&#95;Explorrer.png](/forum/attachment/24400) ](/forum/attachment/24400 "...&#95;Explorrer.png")

Please check it, if you need to have access I will provide you with user account in PM.

Thanks.

- [ ![Product&#95;Explorrer.png](/forum/attachment/24400) ](/forum/attachment/24400 "...&#95;Explorrer.png") [ ](/forum/attachment/24400?download=1 "...&#95;Explorrer.png")
- [ ![product&#95;edit.png](/forum/attachment/24401) ](/forum/attachment/24401 "product&#95;edit.png") [ ](/forum/attachment/24401?download=1 "product&#95;edit.png")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzIyLW1hcmtldC1idWctcmVwb3J0Lzg3Njk1Mi1mcm9udC1lbmQtZXJyb3ItZWRpdGluZy1vcmRlci1pbi1hcmFiaWMtbGFuZ3VhZ2U/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[Jerome](/forum/user/80-jerome "View Jerome's Profile")**
- [![Jerome's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar80.png)](/forum/user/80-jerome "View Jerome's Profile")
- [ Offline](/forum/user/80-jerome)
- HikaShop core developer

Less More

- Posts: 26394
- Thank you received: 4078
-
- [](http://obsi.dev)
-

11 years 5 months ago -  11 years 5 months ago [\#201859](#201859) by [Jerome](/forum/user/80-jerome "View Jerome's Profile")  Replied by *[Jerome](/forum/user/80-jerome "View Jerome's Profile")* on topic *[Front end error - editing order in Arabic language](/forum/22-market-bug-report/876952-front-end-error-editing-order-in-arabic-language#201859 "-- HikaShop version -- : 2.4.0 -- HikaMarket version -- : 1.6.2 -- Joomla version -- : 3.4.1 -- PHP version -- : 5.5.17 -- Browser(s) name and version -- : 42.0.2311.135  in the front end (in the Arabic Language Interface), when i go to vendor control panel, then go to orders, select one of the orders ..  I get the order details where i can edit some, the edit button is underneath the (Arabic Title), and cannot be clicked.  Please check on that.  Thanks.")*

Hi,

Can you please test with the CSS Code:

div#category_explorer_btn { -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; text-align:left; }

And also with that CSS for the category tree Code:

.oTree { text-align:right !important; } .oTree .oTreeNode img { -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } .oTree .e1 { margin-left:0px; margin-right:18px; } .oTree .e2 { margin-left:0px; margin-right:36px; } .oTree .e3 { margin-left:0px; margin-right:54px; } .oTree .e4 { margin-left:0px; margin-right:72px; } .oTree .e5 { margin-left:0px; margin-right:90px; } .oTree .e6 { margin-left:0px; margin-right:108px; }

I am currently adding a RTL file into HikaMarket and I will improve some elements in HikaShop (like the tree).

Let me know if there are other elements to add in the HikaMarket RTL file.

Regards,

---

Jerome - Obsidev.com
HikaMarket &amp; HikaSerial developer / HikaShop core dev team.

Last edit: 11 years 5 months ago by [Jerome](/forum/user/80-jerome "View Jerome's Profile"). Reason: fix CSS

The following user(s) said Thank You: [the1st\_expert](/forum/user/30668-the1st-expert "View the1st&#95;expert's Profile")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzIyLW1hcmtldC1idWctcmVwb3J0Lzg3Njk1Mi1mcm9udC1lbmQtZXJyb3ItZWRpdGluZy1vcmRlci1pbi1hcmFiaWMtbGFuZ3VhZ2U/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[the1st\_expert](/forum/user/30668-the1st-expert "View the1st&#95;expert's Profile")**
- [![the1st&#95;expert's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/30668-the1st-expert "View the1st&#95;expert's Profile") Topic Author
- [ Offline](/forum/user/30668-the1st-expert)

Less More

- Posts: 28
- Thank you received: 0
-
-

11 years 5 months ago [\#201945](#201945) by [the1st\_expert](/forum/user/30668-the1st-expert "View the1st&#95;expert's Profile")  Replied by *[the1st\_expert](/forum/user/30668-the1st-expert "View the1st&#95;expert's Profile")* on topic *[Front end error - editing order in Arabic language](/forum/22-market-bug-report/876952-front-end-error-editing-order-in-arabic-language#201945 "-- HikaShop version -- : 2.4.0 -- HikaMarket version -- : 1.6.2 -- Joomla version -- : 3.4.1 -- PHP version -- : 5.5.17 -- Browser(s) name and version -- : 42.0.2311.135  in the front end (in the Arabic Language Interface), when i go to vendor control panel, then go to orders, select one of the orders ..  I get the order details where i can edit some, the edit button is underneath the (Arabic Title), and cannot be clicked.  Please check on that.  Thanks.")*

that did not work out well, it flips the icon as well as the text.

check it out..

[ ![Product&#95;Explorer&#95;1.png](/forum/attachment/24416) ](/forum/attachment/24416 "...Explorer&#95;1.png")

- [ ![Product&#95;Explorer&#95;1.png](/forum/attachment/24416) ](/forum/attachment/24416 "...Explorer&#95;1.png") [ ](/forum/attachment/24416?download=1 "...Explorer&#95;1.png")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzIyLW1hcmtldC1idWctcmVwb3J0Lzg3Njk1Mi1mcm9udC1lbmQtZXJyb3ItZWRpdGluZy1vcmRlci1pbi1hcmFiaWMtbGFuZ3VhZ2U/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[the1st\_expert](/forum/user/30668-the1st-expert "View the1st&#95;expert's Profile")**
- [![the1st&#95;expert's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/30668-the1st-expert "View the1st&#95;expert's Profile") Topic Author
- [ Offline](/forum/user/30668-the1st-expert)

Less More

- Posts: 28
- Thank you received: 0
-
-

11 years 5 months ago -  11 years 5 months ago [\#201950](#201950) by [the1st\_expert](/forum/user/30668-the1st-expert "View the1st&#95;expert's Profile")  Replied by *[the1st\_expert](/forum/user/30668-the1st-expert "View the1st&#95;expert's Profile")* on topic *[Front end error - editing order in Arabic language](/forum/22-market-bug-report/876952-front-end-error-editing-order-in-arabic-language#201950 "-- HikaShop version -- : 2.4.0 -- HikaMarket version -- : 1.6.2 -- Joomla version -- : 3.4.1 -- PHP version -- : 5.5.17 -- Browser(s) name and version -- : 42.0.2311.135  in the front end (in the Arabic Language Interface), when i go to vendor control panel, then go to orders, select one of the orders ..  I get the order details where i can edit some, the edit button is underneath the (Arabic Title), and cannot be clicked.  Please check on that.  Thanks.")*

> Jerome wrote: I am currently adding a RTL file into HikaMarket and I will improve some elements in HikaShop (like the tree).
>
> Let me know if there are other elements to add in the HikaMarket RTL file.

You can send me your RTL file and I can review it for you if there is any adjustment required, I will be happy to support.

Regards,

Ahmed.

Last edit: 11 years 5 months ago by [the1st\_expert](/forum/user/30668-the1st-expert "View the1st&#95;expert's Profile").

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzIyLW1hcmtldC1idWctcmVwb3J0Lzg3Njk1Mi1mcm9udC1lbmQtZXJyb3ItZWRpdGluZy1vcmRlci1pbi1hcmFiaWMtbGFuZ3VhZ2U/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[Jerome](/forum/user/80-jerome "View Jerome's Profile")**
- [![Jerome's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar80.png)](/forum/user/80-jerome "View Jerome's Profile")
- [ Offline](/forum/user/80-jerome)
- HikaShop core developer

Less More

- Posts: 26394
- Thank you received: 4078
-
- [](http://obsi.dev)
-

11 years 5 months ago [\#201974](#201974) by [Jerome](/forum/user/80-jerome "View Jerome's Profile")  Replied by *[Jerome](/forum/user/80-jerome "View Jerome's Profile")* on topic *[Front end error - editing order in Arabic language](/forum/22-market-bug-report/876952-front-end-error-editing-order-in-arabic-language#201974 "-- HikaShop version -- : 2.4.0 -- HikaMarket version -- : 1.6.2 -- Joomla version -- : 3.4.1 -- PHP version -- : 5.5.17 -- Browser(s) name and version -- : 42.0.2311.135  in the front end (in the Arabic Language Interface), when i go to vendor control panel, then go to orders, select one of the orders ..  I get the order details where i can edit some, the edit button is underneath the (Arabic Title), and cannot be clicked.  Please check on that.  Thanks.")*

Hi,

For the moment the RTL file just contains the few CSS code I gave you in that thread.
About the explorer ; the CSS should just inverse the image ; the text direction shouldn't be affected.
And regarding the ".oTree" CSS rule, the tree text should be aligned to the right and that's not the case.

Regards,

---

Jerome - Obsidev.com
HikaMarket &amp; HikaSerial developer / HikaShop core dev team.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzIyLW1hcmtldC1idWctcmVwb3J0Lzg3Njk1Mi1mcm9udC1lbmQtZXJyb3ItZWRpdGluZy1vcmRlci1pbi1hcmFiaWMtbGFuZ3VhZ2U/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[the1st\_expert](/forum/user/30668-the1st-expert "View the1st&#95;expert's Profile")**
- [![the1st&#95;expert's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/30668-the1st-expert "View the1st&#95;expert's Profile") Topic Author
- [ Offline](/forum/user/30668-the1st-expert)

Less More

- Posts: 28
- Thank you received: 0
-
-

11 years 5 months ago [\#201978](#201978) by [the1st\_expert](/forum/user/30668-the1st-expert "View the1st&#95;expert's Profile")  Replied by *[the1st\_expert](/forum/user/30668-the1st-expert "View the1st&#95;expert's Profile")* on topic *[Front end error - editing order in Arabic language](/forum/22-market-bug-report/876952-front-end-error-editing-order-in-arabic-language#201978 "-- HikaShop version -- : 2.4.0 -- HikaMarket version -- : 1.6.2 -- Joomla version -- : 3.4.1 -- PHP version -- : 5.5.17 -- Browser(s) name and version -- : 42.0.2311.135  in the front end (in the Arabic Language Interface), when i go to vendor control panel, then go to orders, select one of the orders ..  I get the order details where i can edit some, the edit button is underneath the (Arabic Title), and cannot be clicked.  Please check on that.  Thanks.")*

So,

What would you suggest to solve this issue?

(keep in your mind that the icon with its text has flipped only in chrome browser, firefox is not showing the change added on the icon, text and the tree).

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzIyLW1hcmtldC1idWctcmVwb3J0Lzg3Njk1Mi1mcm9udC1lbmQtZXJyb3ItZWRpdGluZy1vcmRlci1pbi1hcmFiaWMtbGFuZ3VhZ2U/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[Jerome](/forum/user/80-jerome "View Jerome's Profile")**
- [![Jerome's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar80.png)](/forum/user/80-jerome "View Jerome's Profile")
- [ Offline](/forum/user/80-jerome)
- HikaShop core developer

Less More

- Posts: 26394
- Thank you received: 4078
-
- [](http://obsi.dev)
-

11 years 5 months ago [\#202012](#202012) by [Jerome](/forum/user/80-jerome "View Jerome's Profile")  Replied by *[Jerome](/forum/user/80-jerome "View Jerome's Profile")* on topic *[Front end error - editing order in Arabic language](/forum/22-market-bug-report/876952-front-end-error-editing-order-in-arabic-language#202012 "-- HikaShop version -- : 2.4.0 -- HikaMarket version -- : 1.6.2 -- Joomla version -- : 3.4.1 -- PHP version -- : 5.5.17 -- Browser(s) name and version -- : 42.0.2311.135  in the front end (in the Arabic Language Interface), when i go to vendor control panel, then go to orders, select one of the orders ..  I get the order details where i can edit some, the edit button is underneath the (Arabic Title), and cannot be clicked.  Please check on that.  Thanks.")*

Hi,

I don't have any RTL website and I'm currently working "blind".
So I don't have special suggestion ; some CSS has to be added in order to fix the display.

Regards,

---

Jerome - Obsidev.com
HikaMarket &amp; HikaSerial developer / HikaShop core dev team.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzIyLW1hcmtldC1idWctcmVwb3J0Lzg3Njk1Mi1mcm9udC1lbmQtZXJyb3ItZWRpdGluZy1vcmRlci1pbi1hcmFiaWMtbGFuZ3VhZ2U/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[Jerome](/forum/user/80-jerome "View Jerome's Profile")**
- [![Jerome's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar80.png)](/forum/user/80-jerome "View Jerome's Profile")
- [ Offline](/forum/user/80-jerome)
- HikaShop core developer

Less More

- Posts: 26394
- Thank you received: 4078
-
- [](http://obsi.dev)
-

11 years 5 months ago [\#202195](#202195) by [Jerome](/forum/user/80-jerome "View Jerome's Profile")  Replied by *[Jerome](/forum/user/80-jerome "View Jerome's Profile")* on topic *[Front end error - editing order in Arabic language](/forum/22-market-bug-report/876952-front-end-error-editing-order-in-arabic-language#202195 "-- HikaShop version -- : 2.4.0 -- HikaMarket version -- : 1.6.2 -- Joomla version -- : 3.4.1 -- PHP version -- : 5.5.17 -- Browser(s) name and version -- : 42.0.2311.135  in the front end (in the Arabic Language Interface), when i go to vendor control panel, then go to orders, select one of the orders ..  I get the order details where i can edit some, the edit button is underneath the (Arabic Title), and cannot be clicked.  Please check on that.  Thanks.")*

Hi,

I updated the CSS in my previous post in order to fix the issue for the text alignment and the oTree alignment.
I tested it with Chrome (42) and Firefox (40).

Regards,

---

Jerome - Obsidev.com
HikaMarket &amp; HikaSerial developer / HikaShop core dev team.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzIyLW1hcmtldC1idWctcmVwb3J0Lzg3Njk1Mi1mcm9udC1lbmQtZXJyb3ItZWRpdGluZy1vcmRlci1pbi1hcmFiaWMtbGFuZ3VhZ2U/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[lionel75](/forum/user/11856-lionel75 "View lionel75's Profile")**
- [![lionel75's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/11856-lionel75 "View lionel75's Profile")
- [ Offline](/forum/user/11856-lionel75)

Less More

- Posts: 846
- Thank you received: 92
-
-

11 years 5 months ago [\#202203](#202203) by [lionel75](/forum/user/11856-lionel75 "View lionel75's Profile")  Replied by *[lionel75](/forum/user/11856-lionel75 "View lionel75's Profile")* on topic *[Front end error - editing order in Arabic language](/forum/22-market-bug-report/876952-front-end-error-editing-order-in-arabic-language#202203 "-- HikaShop version -- : 2.4.0 -- HikaMarket version -- : 1.6.2 -- Joomla version -- : 3.4.1 -- PHP version -- : 5.5.17 -- Browser(s) name and version -- : 42.0.2311.135  in the front end (in the Arabic Language Interface), when i go to vendor control panel, then go to orders, select one of the orders ..  I get the order details where i can edit some, the edit button is underneath the (Arabic Title), and cannot be clicked.  Please check on that.  Thanks.")*

Hi
apply css code to the html area that wrap the icon ( or selector name) and not accessible by

---

z-index: 2 ;

---

regard's

The following user(s) said Thank You: [Jerome](/forum/user/80-jerome "View Jerome's Profile")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzIyLW1hcmtldC1idWctcmVwb3J0Lzg3Njk1Mi1mcm9udC1lbmQtZXJyb3ItZWRpdGluZy1vcmRlci1pbi1hcmFiaWMtbGFuZ3VhZ2U/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[the1st\_expert](/forum/user/30668-the1st-expert "View the1st&#95;expert's Profile")**
- [![the1st&#95;expert's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/30668-the1st-expert "View the1st&#95;expert's Profile") Topic Author
- [ Offline](/forum/user/30668-the1st-expert)

Less More

- Posts: 28
- Thank you received: 0
-
-

11 years 5 months ago [\#202323](#202323) by [the1st\_expert](/forum/user/30668-the1st-expert "View the1st&#95;expert's Profile")  Replied by *[the1st\_expert](/forum/user/30668-the1st-expert "View the1st&#95;expert's Profile")* on topic *[Front end error - editing order in Arabic language](/forum/22-market-bug-report/876952-front-end-error-editing-order-in-arabic-language#202323 "-- HikaShop version -- : 2.4.0 -- HikaMarket version -- : 1.6.2 -- Joomla version -- : 3.4.1 -- PHP version -- : 5.5.17 -- Browser(s) name and version -- : 42.0.2311.135  in the front end (in the Arabic Language Interface), when i go to vendor control panel, then go to orders, select one of the orders ..  I get the order details where i can edit some, the edit button is underneath the (Arabic Title), and cannot be clicked.  Please check on that.  Thanks.")*

Thanks Jerome for your time and excellent support.

I have been testing the code you provided and would like to provide my feedback based on my humble knowledge.

---

1) the RTL.css style is being run in both cases (Arabic) and (English), which should only work for (Arabic Language).

---

2) for the explorer title:
Code:

transform: scaleX(-1);

This cod will flip the div with id [category_explorer_btn] with both components: the (icon) and the (text).
the problem here is that the text cannot be read anymore, because it is reversed.

The Solution that I am proposing here is to keep the scale as is and change the class [category_explorer_btn_hide] with reversed arrows ( if it exist's), and remove the rest of styling for this part.

---

3) Regarding the oTree:
Code:

.oTree { text-align:right; }

This part of code is being overridden by the code
Code:

.oTree { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #666; white-space: nowrap; line-height: normal; text-align: left; }

which is in [otree.css] file. So, this is why the text remains aligned to the left.

Again thanks for your support.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzIyLW1hcmtldC1idWctcmVwb3J0Lzg3Njk1Mi1mcm9udC1lbmQtZXJyb3ItZWRpdGluZy1vcmRlci1pbi1hcmFiaWMtbGFuZ3VhZ2U/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[Jerome](/forum/user/80-jerome "View Jerome's Profile")**
- [![Jerome's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar80.png)](/forum/user/80-jerome "View Jerome's Profile")
- [ Offline](/forum/user/80-jerome)
- HikaShop core developer

Less More

- Posts: 26394
- Thank you received: 4078
-
- [](http://obsi.dev)
-

11 years 5 months ago [\#202324](#202324) by [Jerome](/forum/user/80-jerome "View Jerome's Profile")  Replied by *[Jerome](/forum/user/80-jerome "View Jerome's Profile")* on topic *[Front end error - editing order in Arabic language](/forum/22-market-bug-report/876952-front-end-error-editing-order-in-arabic-language#202324 "-- HikaShop version -- : 2.4.0 -- HikaMarket version -- : 1.6.2 -- Joomla version -- : 3.4.1 -- PHP version -- : 5.5.17 -- Browser(s) name and version -- : 42.0.2311.135  in the front end (in the Arabic Language Interface), when i go to vendor control panel, then go to orders, select one of the orders ..  I get the order details where i can edit some, the edit button is underneath the (Arabic Title), and cannot be clicked.  Please check on that.  Thanks.")*

Hi,

1/ Sure and that's already the case !
The "RTL" css file in HikaShop (and in HikaMarket with the next release) is just include when the current language is RTL.
That's why you have to put the specific CSS in the HikaShop RTL CSS file.

2/ If you look at the code I modified and what I wrote in my previous message ; I added the line Code:

text-align:left;

in order to fix the text alignement. So once again I don't see the issue.

3/ By putting the CSS in the right file (rtl.css) it will be working correctly because it will override and not be overridden.

Regards,

---

Jerome - Obsidev.com
HikaMarket &amp; HikaSerial developer / HikaShop core dev team.

The following user(s) said Thank You: [the1st\_expert](/forum/user/30668-the1st-expert "View the1st&#95;expert's Profile")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzIyLW1hcmtldC1idWctcmVwb3J0Lzg3Njk1Mi1mcm9udC1lbmQtZXJyb3ItZWRpdGluZy1vcmRlci1pbi1hcmFiaWMtbGFuZ3VhZ2U/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[the1st\_expert](/forum/user/30668-the1st-expert "View the1st&#95;expert's Profile")**
- [![the1st&#95;expert's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/30668-the1st-expert "View the1st&#95;expert's Profile") Topic Author
- [ Offline](/forum/user/30668-the1st-expert)

Less More

- Posts: 28
- Thank you received: 0
-
-

11 years 5 months ago [\#202383](#202383) by [the1st\_expert](/forum/user/30668-the1st-expert "View the1st&#95;expert's Profile")  Replied by *[the1st\_expert](/forum/user/30668-the1st-expert "View the1st&#95;expert's Profile")* on topic *[Front end error - editing order in Arabic language](/forum/22-market-bug-report/876952-front-end-error-editing-order-in-arabic-language#202383 "-- HikaShop version -- : 2.4.0 -- HikaMarket version -- : 1.6.2 -- Joomla version -- : 3.4.1 -- PHP version -- : 5.5.17 -- Browser(s) name and version -- : 42.0.2311.135  in the front end (in the Arabic Language Interface), when i go to vendor control panel, then go to orders, select one of the orders ..  I get the order details where i can edit some, the edit button is underneath the (Arabic Title), and cannot be clicked.  Please check on that.  Thanks.")*

From your reply, I understand that the next release is going to solve issues 1 &amp; 3. So I am going to explain issue 2 in detail.

The problem in issue 2 is not the alignment. the problem is in the text direction. After you flipped the div, the text was flipped as well.

The proper way to read an Arabic Text is from the Right to Left.
Eg:

[ ![rtl1.png](/forum/attachment/24514) ](/forum/attachment/24514 "rtl1.png")

But when the following cod was used: Code:

transform: scaleX(-1);

the text direction was changed to start reading the text from the Left to Right.
Eg:
[ ![rtl2.png](/forum/attachment/24515) ](/forum/attachment/24515 "rtl2.png")

---

This might be difficult for you to understand since you do not read Arabic, So I am going to support it with the English Language images.

the proper way to read English text is from Left to Right.
Eg:
[ ![rtl3.png](/forum/attachment/24516) ](/forum/attachment/24516 "rtl3.png")

After using the following cod: Code:

transform: scaleX(-1);

The text direction was flipped, the same text will be read from Right to Left.
Eg:
[ ![rtl4.png](/forum/attachment/24517) ](/forum/attachment/24517 "rtl4.png")

I hope that I have clarified the issue know.

- [ ![rtl1.png](/forum/attachment/24514) ](/forum/attachment/24514 "rtl1.png") [ ](/forum/attachment/24514?download=1 "rtl1.png")
- [ ![rtl2.png](/forum/attachment/24515) ](/forum/attachment/24515 "rtl2.png") [ ](/forum/attachment/24515?download=1 "rtl2.png")
- [ ![rtl3.png](/forum/attachment/24516) ](/forum/attachment/24516 "rtl3.png") [ ](/forum/attachment/24516?download=1 "rtl3.png")
- [ ![rtl4.png](/forum/attachment/24517) ](/forum/attachment/24517 "rtl4.png") [ ](/forum/attachment/24517?download=1 "rtl4.png")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzIyLW1hcmtldC1idWctcmVwb3J0Lzg3Njk1Mi1mcm9udC1lbmQtZXJyb3ItZWRpdGluZy1vcmRlci1pbi1hcmFiaWMtbGFuZ3VhZ2U/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[Jerome](/forum/user/80-jerome "View Jerome's Profile")**
- [![Jerome's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar80.png)](/forum/user/80-jerome "View Jerome's Profile")
- [ Offline](/forum/user/80-jerome)
- HikaShop core developer

Less More

- Posts: 26394
- Thank you received: 4078
-
- [](http://obsi.dev)
-

11 years 5 months ago [\#202425](#202425) by [Jerome](/forum/user/80-jerome "View Jerome's Profile")  Replied by *[Jerome](/forum/user/80-jerome "View Jerome's Profile")* on topic *[Front end error - editing order in Arabic language](/forum/22-market-bug-report/876952-front-end-error-editing-order-in-arabic-language#202425 "-- HikaShop version -- : 2.4.0 -- HikaMarket version -- : 1.6.2 -- Joomla version -- : 3.4.1 -- PHP version -- : 5.5.17 -- Browser(s) name and version -- : 42.0.2311.135  in the front end (in the Arabic Language Interface), when i go to vendor control panel, then go to orders, select one of the orders ..  I get the order details where i can edit some, the edit button is underneath the (Arabic Title), and cannot be clicked.  Please check on that.  Thanks.")*

Hi,

I understand it much better, thanks !
The "flip" CSS code come from HikaShop so I didn't know that it will have such side effect.

So, what I can propose you is to remove the background image instead of trying to invert it. Code:

\#hikam_category_listing div.category_explorer_btn_show a, #hikam_product_listing div.category_explorer_btn_show a { background:#dae1e4 !important; }

Regards,

---

Jerome - Obsidev.com
HikaMarket &amp; HikaSerial developer / HikaShop core dev team.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzIyLW1hcmtldC1idWctcmVwb3J0Lzg3Njk1Mi1mcm9udC1lbmQtZXJyb3ItZWRpdGluZy1vcmRlci1pbi1hcmFiaWMtbGFuZ3VhZ2U/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

Board Categories HikaShop- Install &amp; Update- Product &amp; Category Display- Content Creation- Sales and Orders- - Orders management- - Reports &amp; Statistics- Customers- Checkout- Payment Methods- Shipping Methods- Import &amp; Export (CSV, XLS…)- Specific Features- - Affilation- - Taxes- - Wishlist- - Vote- - Carousel &amp; Slider- - Mass Actions- - Filters &amp; Search- - Discount &amp; Coupon- - Feature Request- Integrations- Showcase- General Talk about HikaShop- Development- - HikaShop 3.0 Beta- Translation- Commercial Jobs HikaShop Components- HikaMarket- - Market: Feature requests- - Market: How to?- - Market: Bug Report- HikaSerial- - General talk about HikaSerial- - Serial: Bug Report- - Serial: How to?- - Support en Français de HikaSerial (French Support)- - HikaSubscription- HikaAuction- - Auction: Feature requests- - Auction: How to?- - Auction: Bug report Hikashop around the world- Support en Français (French Support)- Russian- - FAQ. Курс выживания с Hikashop. Частые вопросы и о- - Расширения Hikashop- - Наши сайты на Hikashop- 日本語版サポート(Japanese Support)- Thai- German Archives- Bug Report- How to?

Moderators: [Obsidev](/forum/user/7040-obsidev "View Obsidev's Profile")

[](/forum/topics/feed/mode-topics?format=feed&type=rss)

Time to create page: 0.355 seconds

[Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)

[](#top)
