IE Responsive flow not working

  • Posts: 332
  • Thank you received: 6
7 years 6 months ago #281033

-- url of the page with the problem -- : www.southernwindranch.com/trailers/current-inventory
-- HikaShop version -- : 3.2.0
-- Joomla version -- : 3.8.1
-- PHP version -- : 7.0.4
-- Browser(s) name and version -- : Chrome/Firefox/Edge/IE/Safari - Updated!

For some reason the flow of products is broken on IE but works correctly on all other main browsers. As you can see in the image below, the products flow properly on non-IE browsers but on IE, the 1st column of row 2 is displayed on the right side and col's 2-4 are on the next line along with the 1st column of row 3 and then followed by col's 2-4 of row 3 floated to the right but from that point on, it looks like IE displays the rest of the product like other Non-IE browsers.

Anyone have an idea why this is happening and is there a fix?

https://webbering.com/images/troubleshooting/troubleshooting-southernwindranch-inventory-display.jpg

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

  • Posts: 26232
  • Thank you received: 4035
  • MODERATOR
7 years 6 months ago #281035

Hello,

You should have a JS issue just with IE.
That's would explained why the "height consistency" script is not executed correctly.

In our side, we can't even see your website

403 This request is blocked by Admin Tools. Please change this message in the component's options

Regards,

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

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

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

  • Posts: 332
  • Thank you received: 6
7 years 6 months ago #281101

Jerome,

My bad. I had Europe blocked in AdminTools. I've unblocked it. Try again! :)

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

  • Posts: 83780
  • Thank you received: 13568
  • MODERATOR
7 years 6 months ago #281103

Hi,

We still have the same error when trying to access your website.
However, the fix is easy. Instead of letting HikaShop try to guess the height of the elements, which is not perfect as it uses javascript functions which might work differently on different browsers or different versions of the browsers, the easiest is to just force yourself the height of the elements.
You can use such CSS for example:
.hikashop_subcontainer{ height: 250px; }

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

  • Posts: 332
  • Thank you received: 6
7 years 6 months ago #281128

Jerome,

Sorry for the problem with the firewall. If I could get your IP range, I'd be glad to add it to a whitelist for future use.

I added your code but with a different height and that fixed it. I will be totally happy the day that IE finally dies. :cheer: :cheer: :cheer: :cheer: :cheer: :cheer: :cheer: :cheer:

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

  • Posts: 83780
  • Thank you received: 13568
  • MODERATOR
7 years 6 months ago #281140

And so will we ! :)
In the mean time, our IP is:

information removed

Last edit: 7 years 6 months ago by Jerome.

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

  • Posts: 332
  • Thank you received: 6
7 years 6 months ago #281189

IP didn't show. I've sent you an email. :)

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

Time to create page: 0.066 seconds
Powered by Kunena Forum