X-Cart forums

[welly]

Hi,

I have been developing our new site (http://xcart.traininglines.co.uk) for a while, and have noticed a problem with the display of images in the category list on IE7. I accept that this is an old version, and it doesn't seem to happen in FF 3.6, Safari 5, or IE9, but according to analytics on our current site, somewhere between 5 and 10% of our visitors use IE7 and I don't really want to ignore them. Also, I don't have IE8 which is the most popular browser, and the problem may also show in that.

Essentially, in the product category pages, there are almost no images being displayed against the products when you first load the page. Oddly enough, the last product (usually on the featured list, which is at the bottom of the page) has an image, but none of the others. Sometimes others do show up (usually only 1 per page), but certainly not all.

That's when it gets stranger.

If I add an item to the basket, I get the 'add to cart' alert, behind which the edge of the image of the product I am adding actually appears. When I close the alert box, that image disappears again, and all of the other images on the page appear.

Even stranger still, if I go to a different page I have the same problem with missing images until I pass the mouse over the cart total tooltip - then all of the images appear again as if by magic.

It's fair to say that the category pages are completely different to the standard template, and many changes have been made to the tpl file and css (probably not in the most elegant way), but even taking that into consideration, I'm finding this behaviour extremly odd. The apparent unpredictability of it, for one thing.

I have also noticed the warning 'Done, but with errors on page' when the pages first load. They may well be related, or they may not be. I don't get that warning on other browsers (at least, I can't see it).

I'd appreciate your thoughts.

Cheers

Welly

[rubyaryat]

What are the errors that are reported when loading the pages? These may be causing issues.
Also, have you validated your categories pages as valid HTML? Perhaps there is a HTML dom error that IE7 borks on.

Is the problem when loading the categories pages as a php page? i.e. dynamically?
For a test, save a category page from your browser as html, to your hard drive, then upload it to the server, and re-test it. Do you get the same problem?
Catalog feature of x-cart may be an option if it is rendering ok via HTML but not php.

Rubyaryat

[welly]

Hi Rubyaryat,

Many thanks for your reply.

The message seems to be:

Line: 31
Char: 713
Error: 'script.parentNode' is null or not an object
Code:0
URL: http://www.xcart.traininglines.co.uk/home.php?cat=250

I'm not even sure where to start with that...

The problem does show in the php page, and I saved it as a '.htm' file and uploaded it as you suggested. It did the same.

There is more to this problem though, some of which I only just noticed.

Firstly, I forgot to mention in my original post that it isn't just the image that is missing. The product title is also missing, and therefore, so is the link to the product page. My apologies for missing this out.

Secondly, just while I've been playing with this over the last day or so, I've noticed that it isn't just adding stuff to the basket or passing the mouse over the tooltip that makes the images (and title) appear. It seems that even if I change to another tab in IE, and update it in some way (refresh, link to another page, etc) then when I return to my store tab, the images and title are there.

Bizarre, and probably more indicative of my IE installation that my x-cart store.

Cheers

Welly

[qualiteam]

As far as I can see there is a problem:

<img src="$ImagesDir}/loading.gif" style="position: absolute; left: 52px; top: 20px; display: none; ">

Request URL:http://www.xcart.traininglines.co.uk/$ImagesDir%7D/loading.gif
Request Method:GET
Status Code:404 Not Found

It could be the cause of problems in IE.

[welly]

Hi Alex,

Many thanks for your post.

I assume you're referring to the missing open curly bracket. Can you determine where the img tag actually is so that I can rectify it?

Many thanks

Welly

[qualiteam]

You should check the "skin/common_files/js/fadeslideshow.js" file.

[carnafeagh]

I checked with my newest version of IE and all your pics are showing.

Jill