5th item in the category not showing in Internet Explorer
 

Hi, I am having a problem with the 5th item in the category not showing in Internet Explorer 7, 8, 9, and 10. The item shows up in the source code but is not visible in the browser. It does take up the space on the page like other listings but is blank. The page I am having trouble with is http://brassstacker.com/recoil-guide-rods/. This only seems to be happening on product pages that show the option to choose how many items you would like to display (5, 10, 20, etc.). The 5th product on this page shows up fine in Firefox, Chrome, and Safari.
Any suggestions will be most appreciated.
Thanks,
Charles

Re: 5th item in the category not showing in Internet Explorer
 

Things tried:

1. Modified the $perPageValues in the /include/search.php file to multiples of six to remove the number of "Products Per Page" option from showing on the page. Still no change in the 5th product not showing.
2. Changed the order of the product to number 3 in the category and the Glock 29 product that is in question shows fine, so it is not the listing itself just the 5th item.
3. Tried to address it using CSS with .products.products-list.last.item { visibility:visible; display-block}, no success.
4. Added a 6th item to the category and it is not displayed as well. Only the first 4 items are displayed.

Any suggestions?

Thanks,
Charles

Re: 5th item in the category not showing in Internet Explorer
 

In my IE9 I don't get the issue. Try clearing IE cache, try clearing XC cache.

Re: 5th item in the category not showing in Internet Explorer
 

You have a few layout issues. Here is one:

visit your website here: http://brassstacker.com/M38-Swedish-Mauser.html

click on "View detailed images (2)" bellow product image. a big image will cover everything. check the image on the vertical around middle of it, how link names "Home Blog Testimonials Custom Work ..." in black color, appear over the image.

Re: 5th item in the category not showing in Internet Explorer
 

Thank you for responding. I've cleared IE cache and XC cache, but still no Glock 29 listing, only Glock 17, 19, 20, and 26.

On the layout issue, it looks as if I have an improper z-index on the image viewer. Thanks I'll get that taken care of.

Re: 5th item in the category not showing in Internet Explorer
 

IE sucks. Your IE is it in compatibility view? In your case CSS it your problem.

Re: 5th item in the category not showing in Internet Explorer
 

IE is a headache for sure. No my IE is not in Compatibility mode. I am able to target the div, is there anything you know of in CSS other than visibility and display that would cause the item not to show?

Re: 5th item in the category not showing in Internet Explorer
 

Activate Compatibility Mode view and you will see your 5th thumbnail. This is creating you trouble. You have to edit your html header, from IE=8 to IE=7

<meta http-equiv="X-UA-Compatible" content="IE=7" />

Also, there is a huge information you can search with Google about this compatibility issue.

Re: 5th item in the category not showing in Internet Explorer
 

Addison, do you suggest putting the compatibility mode meta tag for all sites?

Re: 5th item in the category not showing in Internet Explorer
 

I abandoned IE long time ago, I don't care about it. My IE visitors are around 12% every month, and it is decreasing. Using Compatibility mode I could view that missing product, that's why from the very beginning I said "there is no issue".

But, before doing this I will read articles on Internet about this issue. Seeing it in this shopping cart, I do recommend putting a meta tag there for compatibility (you can check browser version, if IE insert the meta tag). Just think about to this issue: not all of your products are visible to the customer if the browser is IE. Bad for business.

PS - you can buy "Pop-Up Anywhere" module and stress your visitors giving up Internet Explorer. You can give them a discount too or free shipping :)

Re: 5th item in the category not showing in Internet Explorer
 

Here is a good resource about IE Compatibility:

http://webdesign.about.com/od/internetexplorer/qt/force-compatibility-view-in-ie.htm

Also you can force your customers to install a plugin for IE to solve the issues Microsoft's Team did not.

Google Chrome Frame: http://www.google.com/chromeframe. Of course Microsoft advices not install for security reasons.

But no word from Microsoft about the speed with Google Chrome Frame installed: http://www.computerworld.com/s/article/9138459/IE8_runs_10_times_faster_with_Google_plug_in

Sooner or later X-Cart should be completely HTML5 + CSS3. doctype will be only html (<!DOCTYPE HTML>)

Re: 5th item in the category not showing in Internet Explorer
 

Thanks Addison for the advice, I appreciate your time. I did some reading and tried using <meta http-equiv="X-UA-Compatible" content="IE=7"> and it did force IE to display the Document Mode in IE7 on one of my computers but when I tested the results (after clearing cache) on two other computers using IE9 I received an error "HTML: X-UA-Compatible Meta tag ('IE=7') ignored because document mode is already finalized" and the document mode was set to IE9 standards. Did a little more reading and can't seem to figure out why it is not working for all 3 computers.

If at all possible, instead of trying to force the document mode back to IE7 is there something I could do to update the Xcart code to make it compatible with the newer versions (IE8, 9, and 10)?

Re: 5th item in the category not showing in Internet Explorer
 

Compatibility in IE is a nightmare. I could try the following testing solution:

1) Find what IE version has the visitor (pass it as a smarty variable, normally it should be a $GLOBAL variable - not sure)

2) Change the meta tag based on the smarty variable according to visitor's IE version (IE7, IE8, IE9).

Re: 5th item in the category not showing in Internet Explorer
 

I've come up with a solution. It seems that Xcart adds some inline styles to the products-list, one of which is a z-index. It starts with 3 and counts down, so the 5th item in the product list has a z-index: -1 and does not display. I looked for the snippet of code that assigns the z-index in the products-list.tpl and the products.tpl, but was unable to locate. I ended up having to put a larger negative z-index on the body and the page container to make the complete product list visible.