Return to previous page

Image Size in Product Gallery – How to make the image sizes consistent Width and Height

This topic has 7 replies, 2 voices, and was last updated 2 years, 3 months ago ago by Rose Tyler

afaqshakoor

Participant

September 1, 2022 at 11:55

Hi,

I am taking product images using mobile phone, and sometimes in landscape mode. Due to this the images vary in size and dimensions.

Is there a way to enforce the media upload process to fix the image size and dimensions, so that they all appear in a consistent form on the product gallery.

#332954 Copied Theme version: 8.3

6 Answers

Rose Tyler

Support staff

September 1, 2022 at 13:07

Hello,

Could you, please, provide screenshots or a video for a better understanding of your request?
Also, provide URL of product page with mentioned displaying.

Regards

#332970 Copied

afaqshakoor

Participant

September 1, 2022 at 13:14

The product gallery URL is:

https://www.jbeestore.com/?post_type=product&view_mode=grid&et_columns-count=6&et_per_page=-1

Notice how the product box height is distorted due to the image size.

#332975 Copied

Rose Tyler

Support staff

September 1, 2022 at 13:43

Hello,

Try to disable Products Masonry in Theme Options > WooCommerce > Shop > Shop page Layout.
Then try code from this topic – https://www.8theme.com/topic/problem-with-products-layout-in-shop-page/#post-316130

Regards

#332979 Copied

afaqshakoor

Participant

September 1, 2022 at 13:52

The code is to be pasted in the global CSS?

#332980 Copied

afaqshakoor

Participant

September 1, 2022 at 13:55

The zoom hover is not working on the Single Product page.

#332981 Copied

Rose Tyler

Support staff

September 1, 2022 at 14:29

Yes, add the code in Theme Options > Theme custom CSS > Global custom CSS.

The zoom effect shows the real size of images. You need to upload images with bigger dimensions.

Regards

#332987 Copied
Tagged: consistent height, consistent width, image sizes, optimization, product gallery, woocommerce, wordpress
Viewing 7 results - 1 through 7 (of 7 total)