problem on checkout page on mobile version in RTL mode

  • Posts: 35
  • Thank you received: 2
  • Hikashop Essential
4 years 2 months ago #323707

-- HikaShop version -- : 4.3
-- Joomla version -- : 3.9.21
-- PHP version -- : 7.3
-- Browser(s) name and version -- : Chome
-- Error-message(debug-mod must be tuned on) -- : No

Hi!
I see any problem on checkout page on mobile version in RTL mode,
All words must to be in right; numbers - o the left.

Can you help me to fix it? In PC mode is Ok, Please, see attachment.

Attachments:

Please Log in or Create an account to join the conversation.

  • Posts: 4747
  • Thank you received: 644
  • MODERATOR
4 years 2 months ago #323713

Hello,

I see that you use a custom frontend css file, can you process some test with the default one please, to see if your problem is linked to custom css code.
For this, from Main HikaShop Configuration, go to Display tab, then CSS part and in the Front-end CSS File dropdown select default.

Awaiting news from you to progress on your subject.

Regards

Last edit: 4 years 2 months ago by Philip.

Please Log in or Create an account to join the conversation.

  • Posts: 35
  • Thank you received: 2
  • Hikashop Essential
4 years 2 months ago #323761

Hi, Philip.
No changes.
Thank you.
Please, see attachment.

Attachments:
Last edit: 4 years 2 months ago by designer71.

Please Log in or Create an account to join the conversation.

  • Posts: 4747
  • Thank you received: 644
  • MODERATOR
4 years 2 months ago #323767

Hello,

After several test on our side to reproduce your issue, we weren't able to get the root issue.
Can you process a test, always in default frontend css AND a default template like ProtoStar please ?...
If that solve, your issue there are good chance that the root issue is from your template that mess up HikaShop rtl css.

If that change nothing, can you provide backend access references (with a full setting access), in order to process some tests directly on your website and understand from where come this issue.

Note : To provide these references, use our Contact us form and add an Url link to this topic in your message.

Awaiting news from you to progress on your subject.
Regards

Last edit: 4 years 2 months ago by Philip.

Please Log in or Create an account to join the conversation.

  • Posts: 35
  • Thank you received: 2
  • Hikashop Essential
4 years 2 months ago #323834

Hi, Philip.
I tried to use protostar template and it not help me...
I sent you backend access references with a full setting access via Contact form.
Thank you

Please Log in or Create an account to join the conversation.

  • Posts: 35
  • Thank you received: 2
  • Hikashop Essential
4 years 2 months ago #323857

HI!
I want to add - this problem is also on iPads
On big dispaly it work Ok,

Please Log in or Create an account to join the conversation.

  • Posts: 4747
  • Thank you received: 644
  • MODERATOR
4 years 2 months ago #323860

Hello,

Can you try to edit your rtl.css file (in YourWebsite\media\com_hikashop\css folder).
Add at the end of your rtl file this code :

@media only screen and (max-width: 760px), (max-device-width: 1024px) and (min-device-width: 768px) {
	.hikashop_checkout_cart table, 
	.hikashop_checkout_cart table thead, 
	.hikashop_checkout_cart table tbody, 
	.hikashop_checkout_cart table thead th, 
	.hikashop_checkout_cart table tbody td, 
	.hikashop_checkout_cart table thead tr, 
	.hikashop_checkout_cart table tbody tr {
		text-align: left;
		padding-left: 0px !important;
	}
	.hikashop_checkout_cart table td:before {
		position: unset;
		float: right;
	}
	.hikashop_checkout_cart table tbody td {
		padding: 8px !important;
	}
	.hikashop_cart_product_quantity_value .hikashop_product_quantity_field, 
	.hikashop_cart_product_quantity_value .hikashop_cart_product_quantity_refresh, 
	.hikashop_cart_product_quantity_value .hikashop_cart_product_quantity_delete {
		float: left;
	}
    .hikashop_checkout_cart table tbody td select {
      display: inline-block;
  }
}

And please, tell us, if that resolve your rtl issue, because we hope to complete our rtl.css file.

Regards

Attachments:
Last edit: 4 years 2 months ago by Philip.

Please Log in or Create an account to join the conversation.

  • Posts: 35
  • Thank you received: 2
  • Hikashop Essential
4 years 2 months ago #323869

Perfect!
Thank you!

Please Log in or Create an account to join the conversation.

  • Posts: 35
  • Thank you received: 2
  • Hikashop Essential
4 years 2 months ago #323870

I can to ask additional question?
If I use Image popup mode - Shadowbox - it not work me, I see only black window.
Can you check it, please?
Thank you!

Please Log in or Create an account to join the conversation.

  • Posts: 4747
  • Thank you received: 644
  • MODERATOR
4 years 2 months ago #323872

Hello,

Sorry, but I have to invite you to create a new topic in order to keep the forum clear and useful for everyone.
For the access associated to this topic you can add an url link to this topic for the HikaShop team in order to don't send again these references.
Regards

Last edit: 4 years 2 months ago by Philip.

Please Log in or Create an account to join the conversation.

Time to create page: 0.078 seconds
Powered by Kunena Forum