HomeHome Product Discus... Product Discus...SmithCartSmithCartLightbox not working with internet explorer 9Lightbox not working with internet explorer 9
Previous
 
Next
New Post
4/19/2011 6:07 PM
 
Hi all,

I'm using Smith Cart 4.21 and DNN 5.5.1. This might be a cart-breaking issue, which looks kinda urgent for everyone, unless I'm wrong which I am not usually.

The lightbox doesn't behave properly in IE9, although it seems fine in IE8 and Google Chrome 10.0 and FireFox 3.6.8.

The reason it is a cart-breaker is that in IE9, clicking anywhere in a product detail page causes the screen to grey-out. Clicking on a product image simply opens that image in a new tab, not in the lightbox. So when a user clicks on a descrption tab, or a buy button, the screen grays out.

Here is a link to a page on my site to illustrate.
https://www.australiahears.com.au/Online-Store/Product-Details/ProductID/1/speaker-in-the-ear-hearing-aids.aspx

Someone from Smith Consulting may need to check this on the www7 test site, because I don't know whether lightbox files have been uploaded there.
 
New Post
4/19/2011 8:55 PM
 
I tested the light box in IE9 on our site and it works. Take a look at this link https://www.smith-consulting.com/pd/ProductID/1/DNNShoppingCart.aspx.

I can see it doesn't work work on your site in IE9. You might want to take a look at it in Firebug and see if you have any errors on your page. As a test, try unchecking the required box for your variants and see if that works.

Thanks, Kevin
 
New Post
4/19/2011 9:47 PM
 
Thanks Kevin,

I see it does work on your site.

Unchecking the required box for your variants had no effect.

I'm not sure how to use firebug. I installed it and ran it on the product page, and the only error I could see was under DOM, "$continue is deprecated...". There was no error under lightbox on the DOM tab. I'm happy to try more with Firebug if you can instruct me, but isn't it only for Firefox anyway?

There were no fiddler errors either by the way.

IE9 does work in compatibility mode. But most of our customers wouldn't know about that.

I also note that in compatibility mode (works) the right hand border of the description box is missing. In normal IE9 mode (not working), the right hand border is present. Perhaps that's a clue.

Anyone else affected? Any other options?

Regards,
Daniel.
 
New Post
4/20/2011 5:04 AM
 
More info:

I don't know if this is related but I suspect so.

On products that contain variants (such as the link above), IE8 has a little warning that says "done, but with errors on the page". And the page doesn't quite render correctly in IE8 or Google Chrome either (the text size icon and page width icons in the top right of minimal entropy skin don't show up).

In these cases, the error message is always: "Expected ';'". And in view source, the line of code that causes this error is always:
var dnn_ctr479_ProductDetails_rfvrblSize9.ID = document.all ? document.all["dnn_ctr479_ProductDetails_rfvrblSize9.ID"] : document.getElementById("dnn_ctr479_ProductDetails_rfvrblSize9.ID");

Is "document.all" a boolean? If not then that line of code is incorrect. How should it be fixed and in which file?

 
New Post
4/21/2011 9:46 PM
 

OK good news, the company that provides the Light-box Technology used in Smith-Cart has just released a new version that supports IE9.

http://www.huddletogether.com/projects/lightbox2/#download

Using the link above you can download the new LightBox javascript and CSS file and copy them to your server for IE9 support.

We will be working to integrate the new light-box features and they will be released in Cart v.4.28.
 

Thank you for your feedback, Kevin

 
New Post
5/8/2011 4:24 AM
 
Hi SC,

Has this been fixed?

Do I need to download a new smith cart for this, or can I just upload the files from lighbox 2.05?

If I can just use the lightbox 2.05 files, without upgrading smith cart, please advise which lightbox files to put where.

Thank you.
 
New Post
5/8/2011 4:24 AM
 
Hi SC,

Has this been fixed?

Do I need to download a new smith cart for this, or can I just upload the files from lighbox 2.05?

If I can just use the lightbox 2.05 files, without upgrading smith cart, please advise which lightbox files to put where.

Thank you.
 
New Post
5/8/2011 2:35 PM
 
You can download the lightbox ie9 fix here http://www.huddletogether.com/projects/lightbox2/#download

Then copy the css to your \css folder and the js to your \js folder.

At your service,
Dave Smith
DotNetNuke Consulting, DotNetNuke Store and DNN Ecommerce
 
New Post
5/8/2011 3:46 PM
 
Thanks Dave,

Almost works.

I just now have a broken image in the lightbox for the "close" icon. In the bottom right hand corner of the lightbox.

All the images (including close.gif and closelabel.gif) are in the images folder in the DNN root. And the "next" and "prev" images in the lightbox are fine.

Here is an example.
https://www.australiahears.com.au/Online-Store/Product-Details/ProductID/1/speaker-in-the-ear-hearing-aids.aspx

Any ideas?

Daniel.
 
New Post
5/10/2011 2:17 PM
 
My guess is the image links are bad. The loading and close images are set in the lightbox.js file on line 49 and 50. You should just have to add a / in front of the images directory.

Jeremy
 
New Post
5/10/2011 6:54 PM
 
That slash seems to have worked.

You'd think they'd test before releasing...

Thanks Jeremy.

 
Previous
 
Next
HomeHome Product Discus... Product Discus...SmithCartSmithCartLightbox not working with internet explorer 9Lightbox not working with internet explorer 9