Woocommerce thumbnail image fitting.

  • Resolved zaredesign

    (@zaredesign)


    3 years ago

    Hi!
    After trying some codes and image resize + regenerate thumbnail plugin i really need help.

    I have product images that are really big (more than 1000px). Exact same images work fine on other shop page where i got them. Problem is that they don’t fit in to product thumbnail.

    View post on imgur.com

    All i found is that under Customize-Woocommerce-Product images i can set thumbnail crop from 1:1 to uncut. But that does not fit for me also because they are not aligned now and i have also products that are really tall.

    Setting 1:1 to uncut https://imgur.com/9tpVAfy

    Can anyone help me with some code because im not good at coding or give me some good plugin to fit thumbnails into box or align uncut versions.

    Thanks.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Saif

    (@babylon1999)

    3 years ago

    Hello @zaredesign,

    I understand you want to render the images uncropped on the shop page but keep the products aligned.

    You can keep the image settings uncropped in Customize> WooCommerce and put a minimum height for each product card with CSS.

    Code:

    /*  Add a fixed height for product cards on the archive pages  */

.archive ul.products li.product {
 min-height: 340px !important; 
}

    Let us know how it goes!

    Beauty of Code (woo-hc)

    (@beautyofcode)

    3 years ago

    Hi @zaredesign ,

    We haven’t heard back from you in a while, so I’m going to mark this as resolved – feel free to create a new topic  should you need any further help.

    Cheers!

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Woocommerce thumbnail image fitting.’ is closed to new replies.