RTL support for HikaMarket

-- HikaShop version -- : 2.4.0
-- HikaMarket version -- : 1.6.0
-- Joomla version -- : 3.4.0
-- PHP version -- : 5.5.17
-- Browser(s) name and version -- : Chrome 40.0.2214.111

I would like to ask for RTL ( Right to Left ) support for Arabic language for front end editing.

This should show Labels at the right and then the text-box next to it at the left.

Thanks & Regards,

Hi,

I added your request in the TODO list.

Regards,

Dear Sir
kindly advice if any progress on this, did you add the support for RTL specialy for vendor registration

Hi,

We made some progresses in that thread
www.hikashop.com/forum/22-market-bug-rep...arabic-language.html

Afterwards, if I'm not aware of an RTL display issue, I won't be able to fix it.

Regards,

Hi,

One of most important things in RTL is to have the Label with the Textbox switched automatically when an RTL Language is chosen.

Currently it is showing as:



but the required is to have it like:



If you need more clarification please let me know.

Hi,

I'll need more clarification.
Because I see the current code, which is using dl/dt/dd and I see that HikaShop user registration is using table or bootstrap div control ; so it confuses me a little bit around the RTL.

Regards,

Hi,

From Code side I am not sure how that should be fixed. However, I will try to explain it a little bit more with images.

in the English language, the following shows correct directions:



However, In Arabic language it shows the same style, where labels are on the left and textboxes on the right, as follows



This should be Fixed be swapping the locations of the label and the textbox, the label to be on the right and the textbox to be on the left, as follows:



From the code side again I am not sure how to fix it, but i was checking the code and I swaped the <dd> with <dt> and the opposite <dt> with <dd> just to check the result, and I have a theory:

you may have in the CSS defined something to have the <dd> to be on the right, and <dt> to the left. Maybe if you change it for the RTL to have it reversed it may work.

However, even when I changed the <dd> and the <dt>, there was some fixes required in the alignment, margins and paddings.

I appreciate your help and I have been waiting for this to be fixed.

Thanks.

Hi,

You should use that code in order to reverse all dl/dt/dd in HikaMarket : Don't hesitate to give me your feedback on it.

Regards,

Thanks man,

That has done what I wanted, with simple adjustment:

However, this code is being applied on both languages (English & Arabic).

Can you force it on RTL Languages only?

Hi,

By just putting the code in the hikamarket rtl css file.

Regards,

Hi,

I have put it in the Hikamarket configuration->Main (Tab)



However, this is being applied on all languages. would you please provide the complete path for the CSS that is being applied only on RTL languages.

Thanks.

Hi,

Since HikaMarket 1.6.3, there is an RTL CSS and like in HikaShop, that CSS file is not display/editable in the backend.
So it means that you have to edit that file manually.

Changing the front-end CSS or applying a style for the front-end will, for sure, be applied on every languages because you are loading a CSS file in every cases.

Regards,

Hi,

I am finding hard time to reach that RTL file, can you please guide me where to find it.

Thanks.

Hi,

media/com_hikashop/css/rtl.css
media/com_hikamarket/css/rtl.css

Or you have to deal with your template in order to have a special RTL file which will be include only for the RTL context.

Regards,

how about Hikashop?


"dl.hikam_options > dt {
float:right;
clear:right;
text-align:left;
}
dl.hikam_options > dd {
margin-right:130px;
margin-left:0px;
}
dl.hikam_options.large > dd {
margin-right:190px;
margin-left:0px;
}"

Hello,

For HikaShop ; best would to be ask the HikaShop team in the HikaShop section of the forum.
Here, you're in the HikaMarket section so it just talking about HikaMarket.

Regards,