Return to previous page

How can resize the product images during loading automatically?

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

rosebranch

Participant

October 9, 2020 at 11:55

Hello,

I am pulling products from a entegrator through api so the images are displaying with their original sizes. is it possible to convert them to one single standart size automatically while the product loading? or any other easy way to resize them properly.

Waiting for your replies, thanks

#254579 Copied Theme version: 7.0.2

1 Answer
Olga Barlow

Support staff

October 9, 2020 at 12:36
Hello,

You can choose the option to crop images or not in Theme Options > WooCommerce > Product Images. If you want to avoid cropping but keep them aligned you can choose No crop in the mentioned settings and add the below code to Theme Options > Custom CSS to limit height:
```
.content-product .product-content-image img {
    max-height: 250px;
    width: auto;
}
```
Regards
#254586 Copied
Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Designers – WordPress Theme

lazy-placeholder

Online Courses – WordPress WooCommerce Theme

lazy-placeholder

Cosmetics Store – WordPress WooCommerce Theme

lazy-placeholder

Pizza Store – WordPress WooCommerce Theme

lazy-placeholder

Medical – WordPress WooCommerce Theme

lazy-placeholder

Underwear Store – WordPress WooCommerce Theme

lazy-placeholder

Lifestyle Blog – WordPress WooCommerce Theme

lazy-placeholder

Games Store – WordPress WooCommerce Theme

lazy-placeholder

Flowers Store – WordPress WooCommerce Theme

lazy-placeholder

Default RTL – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.