Return to previous page

How can resize the product images during loading automatically?

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

  • Avatar: rosebranch
    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
    Avatar: Olga Barlow
    Olga Barlow
    Participant
    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

Helpful Topics

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Furniture Store 03 – WordPress WooCommerce Theme
lazy-placeholder
Handtools Store – WooCommerce Theme
lazy-placeholder
Shoes Store – WooCommerce Theme
lazy-placeholder
Designers – WordPress Theme
lazy-placeholder
Pet Shop – WordPress WooCommerce Theme
lazy-placeholder
Kids Store – WordPress WooCommerce Theme
lazy-placeholder
Home Decor 02 Store – WordPress WooCommerce Theme
lazy-placeholder
Cocktails Store – WordPress WooCommerce Theme
lazy-placeholder
Legenda – WooCommerce WordPress Theme
lazy-placeholder
Luxury Jewelry Store – 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.