Return to previous page

Make Image on product-category pages the same size v2

This topic has 7 replies, 3 voices, and was last updated 7 years, 1 months ago ago by Olga Barlow

SOLZ23

Participant

December 13, 2017 at 13:24

HI
I created my shop and my images on the category and product pages are all different sizes, and I want them to all to be the same size, without cropping the picture. Even if that means some images have to shrink to fit in proscribed “box”, that is fine.

the support team give me a solution that corp the picture and its not good for me

can you give me any other solution ?

MY DEMO SITE IS http://www.ennosoft.net

THANK YOU

Please, contact administrator
for this information.

#180036 Copied Theme version: X-STORE LAST VERSION WooCommerce version: LAST VERSION

6 Answers

Rose Tyler

Support staff

December 13, 2017 at 14:25

Hello,

Could you please provide temporary wp-admin access in Private Content to check your image settings and give appropriate tips?

Regards

#180053 Copied

SOLZ23

Participant

December 13, 2017 at 14:55

all the images are import from urls in excel file
and the images are in different sizes

Please, contact administrator
for this information.

#180055 Copied Theme version: X-STORE LAST VERSION WooCommerce version: LAST VERSION

Olga Barlow

Support staff

December 13, 2017 at 17:56

Hello,

If al the source images for your products are the different size then there are 2 ways to align the products:
1) to use the hard crop for the images to make them all in one size
2) to add custom max-height for your images.

But the best way to avoid the problem with images is using proportional images. Just edit your images before uploading and use the images with the same size for all the products.

I have removed the min-width for your images. Check the grid now.

Regards

#180081 Copied

SOLZ23

Participant

December 14, 2017 at 07:39

HII

“I have removed the min-width for your images. Check the grid now.” ->
WHERE IS THE CONFIGURATION ?? WERE CAN I SEE IT?

#180098 Copied

SOLZ23

Participant

December 14, 2017 at 08:03

HII
THE PRODUCTS IMAGES ARE STILL IN DIFFERENT SIZES

http://prntscr.com/hna732

THANK YOU

#180100 Copied
Olga Barlow

Support staff

December 14, 2017 at 11:18
Hello,

1) I have added custom styles in your custom CSS http://prntscr.com/hncbes
2) It’s because one image is square, another one – landscape and you did not use hard crop. I have added the following styles to align your images
```
.content-product .product-content-image {
    min-height: 270px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
```
Check now.

Regards
#180137 Copied
Viewing 7 results - 1 through 7 (of 7 total)