RTL problem

  • Posts: 33
  • Thank you received: 2
  • Hikashop Essential
2 years 9 months ago #334285

-- HikaShop version -- : 4.4.3
-- Joomla version -- : 3.9.28
-- PHP version -- : 7.3
-- Browser(s) name and version -- : Google Chrome is up to date Version 91.

Hi!
In RTL mode we have a problems with display pop-ups and slider of the pictures.
Pop Up display black window and nothing more. Left right are not work, placed together.
I fixed pop up by adding #sb-container { text-align: right; } to css.
Please, check RTL version for bugs.
Thank you.

Attachments:

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

  • Posts: 4508
  • Thank you received: 610
  • MODERATOR
2 years 9 months ago #334292

Hello,

In order to be able to progress on your subject we will be need to see by ourselves the issue.
And so far, by using your provided Url link we weren't able to see your popup display issue, can you confirm that the described issue is still there, and if yes provide an Url link to allow us to see the issue and be able to process some tests ?

For your second image, a little like previous we didn't see the icon issue, like previous can you provide url link ?
Awaiting your returns in order to progress on your issue.

Regards

Last edit: 2 years 9 months ago by Philip.

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

  • Posts: 33
  • Thank you received: 2
  • Hikashop Essential
2 years 9 months ago #334322

Hi, Philp.
Thank you.
Here is a link to page miperly.com/spa-avira/product/%D7%9E%D7%...A7%D7%A8%D7%AA%D7%99

You can to see there issues

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

  • Posts: 4508
  • Thank you received: 610
  • MODERATOR
2 years 9 months ago #334324

Hello,

For your pop up display issue, it seems that a css command is missing.
We don't know why because the popup system isn't our code but a library, anyway to solve this you can add some css command.
Css code :

#sb-body-inner img#sb-player {
    left: 0;
}

Note : Learn here , how to add some custom Css code.

For your next issue, thanks for your return it allow us to improve our futur release, so we will add it on next HikaShop version.
Now, in order to solve your issue quickly, follow me step by step :
1. Go to rtl.css file, in YourWebsite/media/com_hikashop/css folder
2. Add this css command at the end of your rtl.css :
For your prev/next button :
.hikashop_img_mode_slider a.hikashop_slide_prev,
.hikashop_img_mode_both a.hikashop_slide_prev {
    left: 0;
}
And to have your thumbnail in the correct order :
.hikashop_img_mode_slider div#hikashop_small_image_div a, 
.hikashop_img_mode_both div#hikashop_small_image_div a {
    float: left;
}

Sorry for the inconvenience, and once again thanks to your return.
Regards

Last edit: 2 years 9 months ago by Philip.

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

  • Posts: 33
  • Thank you received: 2
  • Hikashop Essential
2 years 9 months ago #334335

Great!
Thank you, Philip!

The following user(s) said Thank You: Philip

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

Time to create page: 0.064 seconds
Powered by Kunena Forum