Product thumb view problem

Resolved nysthar
(@nysthar)

11 years, 1 month ago

Hi

Somehow in the product thumb view some rows have only one product altought there should be four in every row. Everything goes fine when I use pixel height in .upcp-thumb-image-div but then in smaller screen thumb box is too tall when image gets smaller. Is it possible that the height is relative to the content (image and text) height?
I dont know if this has anything to do with this but I noticed that if the images doesnt have the same ratio rows goes wrong. Now all the images have the same ratio. I

Here is the link: http://indecoria.wp.mmd.net/test/

https://wordpress.org/plugins/ultimate-product-catalogue/

Viewing 7 replies - 1 through 7 (of 7 total)

etoilewebdesign
(@etoilewebdesign)

11 years, 1 month ago

Hi Nysthar,

We’re not sure that we understand your problem, it looks like there are four per row right now. Is this a problem that has since been resolved?

Thread Starter nysthar
(@nysthar)

11 years, 1 month ago

Hi EtoileWebDesign

I made some other changes to the site, but I haven’t found any solution to this problem. The problem occurs on row three. There is only one product in that row (TYPE 10) Other rows has four and the last row has two but that is because there is no more products.

Do you see four products on line three?

etoilewebdesign
(@etoilewebdesign)

11 years ago

Hi Nysthar,

Thanks for getting back to us. It does show 4 products in one row when I look at it in Google Chrome, but I see the problem you’re referring to when I look at it in Firefox so there seems to be a browser compatibility issue going on here.

etoilewebdesign
(@etoilewebdesign)

11 years ago

What custom CSS are you using to change that?

Thansk!

Thread Starter nysthar
(@nysthar)

11 years ago

Hi

When I use this custom css the rows goes wrong in firefox (I noticed that too).
.upcp-thumb-image-div {
height: auto;
}
or
.upcp-thumb-image-div a {
height: auto;
}

But when I use pixel size in the height everything is fine
.upcp-thumb-image-div {
height: 200px;
}
or
.upcp-thumb-image-div a {
height: 200px;
}

Maybe media queries solves this problem. Solid height makes thumbnail boxes too tall if the screen size gets smaller.

etoilewebdesign
(@etoilewebdesign)

11 years ago

Hi Nysthar,

It looks like an issue with slight spacing/height difference between browsers, so media queries would probably be the best solution.

Thread Starter nysthar
(@nysthar)

11 years ago

Hi

Yes media queries was the answer and now the thumbnail view is working fine.

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Product thumb view problem’ is closed to new replies.