Bxslider (Homeslider module) not working in IE8

[Soulz]

Hey, I'm developing a custom Prestashop theme. My first time using Prestashop actually. I'm having a problem with BX slider (the homeslider module). It doesn't show up on IE8 unless you reisze the browser window.

 

I tried applying a fixed height to the element with the class bx-wrapper, as someone suggested, but that didn't work either.

 

I also found this fix:

<div class="slide"><img src="images/your_image_name.jpg<?php if (strstr($_SERVER['HTTP_USER_AGENT'], "MSIE 8") > ""){ echo "?v=" .  time(); } ?>" ></div>

But I don't know how to implement it into smarty code.

 

I attached a screenshot of how this bug looks in IE8

 

So, does anybody know a fix for this problem?

 

EDIT: I also attached a screenshot of how it's supposed to look.

Edited May 10, 2014 by Soulz (see edit history)

[dioniz]

Is it possible to see your site?

[Soulz]

Unfortunately not. I can however tell you I did not modify the module, only a bit of its CSS. And I increased its max size to 1170px.

 

EDIT: Is really nobody else having problems with the default slider on IE8?

Edited May 10, 2014 by Soulz (see edit history)

[dioniz]

In themes/mytheme/modules/homeslider/homeslider.tpl i changed:

<img src="{$link->getMediaLink("`$smarty.const._MODULE_DIR_`homeslider/images/`$slide.image|escape:'htmlall':'UTF-8'`")}"{if isset($slide.size) && $slide.size} {$slide.size}{else} width="100%" height="100%"{/if} alt="{$slide.legend|escape:'htmlall':'UTF-8'}" />

to this

<img src="{$link->getMediaLink("`$smarty.const._MODULE_DIR_`homeslider/images/`$slide.image|escape:'htmlall':'UTF-8'`")}" width="100%" height="100%" alt="{$slide.legend|escape:'htmlall':'UTF-8'}" />

and it works in ie8

[Soulz]

Nope, now I get this:

[Soulz]

Well, it seems that IE8 is collapsing the li's containing the images and applying a fixed width to the li's fixes this, but this breaks the responsivness.

Edited May 11, 2014 by Soulz (see edit history)

[Goyo]

In themes/mytheme/modules/homeslider/homeslider.tpl i changed:

<img src="{$link->getMediaLink("`$smarty.const._MODULE_DIR_`homeslider/images/`$slide.image|escape:'htmlall':'UTF-8'`")}"{if isset($slide.size) && $slide.size} {$slide.size}{else} width="100%" height="100%"{/if} alt="{$slide.legend|escape:'htmlall':'UTF-8'}" />

to this

<img src="{$link->getMediaLink("`$smarty.const._MODULE_DIR_`homeslider/images/`$slide.image|escape:'htmlall':'UTF-8'`")}" width="100%" height="100%" alt="{$slide.legend|escape:'htmlall':'UTF-8'}" />

and it works in ie8

 

Hi dioniz,

 

I have problems with the homeslider and Internet Explorer. I was thinking the problem was the width and height of images but this is wrong. I'm searching the solution in the Prestashop forums and I find this post.

 

I have introduced the changes you say in this post but with this it's not working. Could you help me if you know the solution?

 

The website is www.agetro.com/psdelcami, I'm using the version 1.6.0.6 and I have changed the "Sets up configuration" in the file myshop\modules\homeslider\homeslider.php according to the width and height of the images but I don't know what changes I have to do more.

 

Thanks in advance.

[TiPimousse]

up !

 

I have the same probleme.

 

I search, but no solution to fix this bug.

 

Thanks in advance.

[B@JTík]

Same problem with IE8

http://www.liqua.cz/

 

any idea?

[B@JTík]

Here - http://www.prestashop.com/forums/topic/323576-solved-slider-module/?p=1637376

With deleted themes/default-bootstrap/modules/homeslider/homeslider.tpl it works

 

EDIT:

 

only DEL in this file this string

{if isset($slide.size) && $slide.size} {$slide.size}{else} width="100%" height="100%"{/if}

Edited June 26, 2014 by B@JTík (see edit history)