Return to previous page

Thumbnails for Products on Category Grid View Not Same Size

This topic has 8 replies, 2 voices, and was last updated 10 years, 10 months ago ago by Eva Kemp

bahram36

Participant

January 13, 2015 at 20:10

Hello, I need all the thumbnails that show on my category grid view to show the same size. I tried doing a hard crop and regenerating thumbnails on some and as you can see all it did was crop the image and zoom up on it, now showing the images fully.
Here is the link to my site, and the products category view. I also tried adding the css to the default.custom.css file but that did not work either.
Please advise:

http://www.ambiancedev.com/product-category/living-room-furniture/

Thank you

Please, contact administrator
for this information.

#33288 Copied

7 Answers
Eva Kemp

Participant

January 13, 2015 at 21:34
Hello,

Please add this code in custom.css file:

img.hide-image { height: 300px; }

How to create custom.css you can watch in this tutorial.

Thank you.
Regards,
Eva Kemp.
#33302 Copied
bahram36

Participant

January 19, 2015 at 19:01

Thank you Eva, that lined up the grid, but now the images some are zoomed in too much and some not. How do I make it so that every thumbnail in category view shows the full image regardless of the original images height or width?

For example please look here: http://www.ambiancedev.com/product-category/living-room-furniture/

You will see that some of the images are zoomed in too much. I want the whole image displayed in this view.

#34813 Copied

Eva Kemp

Participant

January 19, 2015 at 20:44

Hello,

I’ve disabled Image Cropping in Theme Options > Products Page Layout > Image Cropping > Off.
Please check the images now.

Thank you.
Regards,
Eva Kemp.

#34928 Copied

bahram36

Participant

January 19, 2015 at 23:04

Thank you but now the images just get distorted and shrunk horizontally only. So for example the tables show as square. Is there any way to have them dynamically get fixed without stretching or shrinking the images horizontally?

#35246 Copied

Eva Kemp

Participant

January 20, 2015 at 10:47

Hello,

Could you please show a screenshot of a problem and how the images should look like?

Thank you.
Regards,
Eva Kemp.

#35316 Copied

bahram36

Participant

January 20, 2015 at 20:12

Sure if you look at the first link you will see that the chair is shrunk in to fit the square, the second image shows how the image really looks, it is wide:

#35530 Copied

Eva Kemp

Participant

January 20, 2015 at 22:05

Hello,

Sorry, but only one value can be set: width or height, the other one is set automatically depending on the other value.
So you need select what you want to change, width or height value and the other will be set automatically.

Thank you for understanding and sorry for inconveniences.

Regards,
Eva Kemp.

#35551 Copied
Viewing 8 results - 1 through 8 (of 8 total)