4 products per row problems with explorer

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.

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.

I am having this problem also, can anybody help

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!!

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

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

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

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!!

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

Ajeh:

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

You are welcome!! Thanks a lot for your interest!! :smile:

Hi

Does anyone know how to remove the BACK button from my Special listing catalog?

Example:

X X X X
X X X X
X X X X

Button - just below the left corner of the page

Ajeh:

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

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

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

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.

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.

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.

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

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```php
// 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);
}

Save as /includes/modules/your_template/new_products.php.

Other locations can be changed similarly if needed.

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```php
// 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);
}

> 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... :clap: