Product page only not rendering in IE8

I am using OC 1.5.4. I have been editing my own theme while leaving the default theme alone as recommended. However my issue relates to both default and my own.

Basically, using either theme, the whole site loads just fine. Except for the product page. The product page only loads to the tags section and does not load the footer. It also does not show the tabs, just all the info splatted on there in one shot. If you click Add to Cart, nothing happens. When clicking the error notice in IE it gives me this:
I have no idea how to fix this. I even redownloaded the 1.5.4 file and reuploaded the whole default template, just in case I accidentally replaced a file previously. It still doesn't work. Right now I have it on my custom theme but it does the same no matter what theme I use, and only on the product page. I'm begging for some help with this.

Thanks

After MUCH testing I've determined the issue is in this code:
When I placed that after the tags script before the footer on product.tpl it loaded the tabs but still not the footer. Once I deleted that bit entirely, everything loads but when you click the product picture, it loads in the window itself and you have to hit back, which is not ideal. Does anyone know what the problem is and how to fix it so I can still get image popups but not the IE issues with loading?

Thanks

ALL right, I've managed to fix it somewhat. At least everything works now. For anyone else having this issue, cut the code I showed above for the colorbox out of product.tpl and put it in footer.tpl right above the </body> tag. In IE8 it simply won't load anything that comes after it but by having it last, everything is above, so everything loads.

Glad I could help though it won't be much. If you install any mods that vqMod stuff just above the </body> tag, they won't load in IE8 because they'll appear after the colorbox script. A real fix would be much more helpful if anyone knows of one. Otherwise you'll have to manually add any vqMod scripting into your footer above the colorbox bit.

Just ran into this problem myself, here is the correct way to fix it:
Find: And replace it with: This will run the colorbox setup after the page has finished rendering so the content below it wont get cut off.

Thanks a million skaero for this.
I followed your code and it worked!

Also thanks promofire for identifying this issue in the colorbox

I really appreciate this fix

skaero wrote:Just ran into this problem myself, here is the correct way to fix it:
Find:

Code: Select all

$('.colorbox').colorbox({
	overlayClose: true,
	opacity: 0.5
});

And replace it with:

Code: Select all

$(function() {
  $('.colorbox').colorbox({
          overlayClose: true,
          opacity: 0.5
  });
});

This will run the colorbox setup after the page has finished rendering so the content below it wont get cut off.

Will this be fix be checked into the github?