Return to previous page

Product Gallery should be of same size - by Oddpod

This topic has 8 replies, 3 voices, and was last updated 4 years, 2 months ago ago by Olga Barlow

Oddpod

Participant

September 15, 2020 at 06:55

I require the product gallery to be of a constant size & not changing with every image.
All our images are of different sizes, they should be compressed / cropped & fit into a particular size gallery.

How do I achieve that ?

#251409 Copied Theme version: 6.3.9

7 Answers

Olga Barlow

Support staff

September 15, 2020 at 14:35

Hello,

Go to Appearance > Customize > WooCommerce > Product Images > choose the crop option for the product thumbnails http://prntscr.com/uhor2f But take into account that it will crop images for both: shop grid and single product gallery (not the single product).

Regards

#251447 Copied

Oddpod

Participant

September 16, 2020 at 08:33

This is only cropping 1:1 for the thumbnail.
However, the Main product Gallery is not cropping.

I require Main Image Width to be 600 x 600

#251535 Copied

Rose Tyler

Support staff

September 16, 2020 at 08:48

Read this article https://www.8theme.com/documentation/xstore/woocommerce/product-images/ , you need to regenerate thumbnails to apply changes.

Regards

#251536 Copied

Oddpod

Participant

September 17, 2020 at 20:37

hello,
Regenerating the thumbnails didn’t make any difference. Can you point towards a more elaborate guide?

#251750 Copied

Rose Tyler

Support staff

September 18, 2020 at 08:34

Hello,

Provide URL of page where images have different sizes still + temporary wp-admin access.
https://docs.woocommerce.com/document/fixing-blurry-product-images/

Regards

#251783 Copied

Oddpod

Participant

September 21, 2020 at 07:48

Hello, The required information is shared in private content area.

Please contact administrator
for this information.

#252037 Copied
Olga Barlow

Support staff

September 21, 2020 at 15:46
Hello,

I have checked the mentioned product and gallery images are the same size and cropped http://prntscr.com/ul6zwr

But the single product images are different. WooCommerce does not have option to crop the single product images.
You can limit the height of the single product images by adding the following code to Theme Options > Custom CSS
```
.swipers-couple-wrapper .swiper-wrapper .woocommerce-product-gallery__image img.attachment-shop_single {
    max-height: 400px;
    width: auto;
}
```
Regards
#252093 Copied
Viewing 8 results - 1 through 8 (of 8 total)