4 products per row problems with explorer

[rvagrrl]

Thanks for the update ... will have to peek around and see if something is different between them ...

Hey there! I was wondering if a solution had ever come up about this as I'm having the same problem. What's weird is that I'm working on two sites that each have the featured section with four columns and it works flawlessly on one site and not on the other. I'm trying to figure out what's different between the two sites, but haven't found the golden code yet.

I've WinMerged and can't find any relevant code that's different (there were a few small differences in the stylesheet and english.php, but I changed them, didn't help and changed them back). I've checked the image sizes and that's not it (I went as small as 50x50). All of the featured product settings are the same between the two sites. I'm stumped!

Works here: http://round.lbdclients.com
Doesn't work here: http://chictots.lbdclients.com

Any help would be fantastic. Thanks!!


Leila

[budfox]

Add me to the number of people who are having this problem....I'd love a solution too.

[gjh42]

Does it work when set to 3 per row?

This display calculates the space for each item as a percent of the whole, rounded down, so 33.3333 becomes 33 which will total to 99% of the space occupied. This leaves a little wiggle room for margins or browser rounding. Any number that divides exactly into 100 will have zero wiggle room, and may cause the wrapping observed.

You can go into the relevant tpl file and edit that calculation to be say a fraction of 99, or a fraction of 100, minus 1... giving some breathing room.

[budfox]

It works with 3 columns per row, and it works with 5 columns per row :-(

I couldn't find the relevant code, so I went with 5.

Thanks for helping though.

[crabdance]

HellO:

I've changed in my store in Index Listing the number of products per row for New, Featured and Special products from 3 to 4.

It works OK in Firefox, but testing it with Explorer I get good results when showing Specials page (4 per row), but when showing the "New Products For ...." in main page or in every category page when there is more than 4 products, I get every single row of 4 splited in 2 rows:

The first row with 3 thumbnails and 1 blank space and the fourth thumbnail alone in the next row, and so on.

Example:
Friefox:
X X X X
X X X X
... That's OK

Explorer

X X X 0
X 0 0 0
X X X 0
X 0 0 0
.... That's worse

How this can be fixed? What the problem is using IExplorer? As I said in Firefox all works OK.

Greets!!

Edited to add that the size of every single thumbnail is of 128x128, but I resized to 100x100 to see if this was the prblem, and nope. All continue the same.

Did anyone ever find a fix for this? I am having the same problem! IE will not work with 4 or 5 columns but will work with 3 or 6.

I appreciate any help

[gjh42]

4 and 5 divide evenly into 100; 3 and 6 do not. Your problem is with rounding - see my post above.

For the new products centerbox, in /includes/modules/new_products.php find this

// show only when 1 or more
if ($num_products_count > 0) {
  if ($num_products_count < SHOW_PRODUCT_INFO_COLUMNS_NEW_PRODUCTS || SHOW_PRODUCT_INFO_COLUMNS_NEW_PRODUCTS == 0 ) {
    $col_width = floor(100/$num_products_count);
  } else {
    $col_width = floor(100/SHOW_PRODUCT_INFO_COLUMNS_NEW_PRODUCTS);
  } 

and change the 100 to 99 or whatever you want.
Save as /includes/modules/your_template/new_products.php.

Other locations can be changed similarly if needed.

[crabdance]

4 and 5 divide evenly into 100; 3 and 6 do not. Your problem is with rounding - see my post above.

For the new products centerbox, in /includes/modules/new_products.php find this

// show only when 1 or more
if ($num_products_count > 0) {
  if ($num_products_count < SHOW_PRODUCT_INFO_COLUMNS_NEW_PRODUCTS || SHOW_PRODUCT_INFO_COLUMNS_NEW_PRODUCTS == 0 ) {
    $col_width = floor(100/$num_products_count);
  } else {
    $col_width = floor(100/SHOW_PRODUCT_INFO_COLUMNS_NEW_PRODUCTS);
  } 

and change the 100 to 99 or whatever you want.
Save as /includes/modules/your_template/new_products.php.

Other locations can be changed similarly if needed.

THANK YOU - THANK YOU - THANK YOU!!!! I have been trying to find the answer to this problem for a while now. I changed 100 to 99 and everything works great with 5 items per row now!

I really appreciate your help. Right now I have only changed the "features" php file but I'm going to change the others next.

Again.... can't thank you enough...