4 products per row problems with explorer

[raskayu]

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.

[raskayu]

It's not a space problem, because I changed to 5 products per row and I get this:

Firefox:

X X X X X
----------
X X X X X
.
.


Explorer:

X X X X 0
----------
X 0 0 0 0
----------
X X X X 0
----------
X 0 0 0 0
.
.


So, the same as using 4 per row. It adjust Ok the number of images, but the last one is splited to the first place of a new row, leaving the 4 restant empty.

[UrbanClothingExpress]

I am having this problem also, can anybody help

[raskayu]

Please, can someone give me a clue of where the table creation is made. so I can take a look to the code and try to repair this issue. Thanks!!

[Ajeh]

The number across is relative to the width of your shop and the size of your images ...

You cannot stuff size 14 feet into size 9 shoes ...

[dbltoe]

In that case...
I'll put on my size 14s and ask if it is possible both in products and attributes to just let each users browser autowrap based on their own settings.
Seems twould be so much more gooderer.
john

[raskayu]

The number across is relative to the width of your shop and the size of your images ...

You cannot stuff size 14 feet into size 9 shoes ...

No Ajeh, the probem is not that.

As I said in first post, I resized the icons to 100 pixels and the problem still continue the same

All works OK using Firefox, but not in Explorer.

Must be a problem with the core, because if I set the number of colums to 5, I can see 4 in the first row and one in the second, but always talking of explorer. In Firefoz works great.

Setting the number to 6, indeed the problem exist in Firefox too, because the whole width of the table is lower than the 6 icons width.

I have the size modified from the origianl 750px to 1000px and the icons size is 128...
128x4= 512 and the main table is around 650 if you discount 160x2=312 of the sideboxes that I set to 160 width.

Also, clicking in Specials category, I can see all working good is the 2 browser. So the problem must be the way in what the new products table is created, that for sure is different to the one used for Specials category.

Or maybe the new products thing style sheet is fixed to a standard width, but is strange that works ok in firefox and not in explorer.

Is for that that I asked for the core files to see where the problem is.

Thansk for your response.

Regards!!

[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...