1:1 thumbnails with white fill outside, woocommerce

  • Resolved Heikki

    (@heikkiwaan)


    5 years, 1 month ago

    Hello.
    I am searching for a function that makes the thumbnails 1:1 in woocommerce like there is in the woocommerce settings (Appearance > Customize > WooCommerce > Product Images)

    But a slight modification.

    Currently the site crops the image, leaving some parts unseen, if the original photo aspect ratio is not 1:1

    I would like it to use all of the original photo and the “empty space” could be either transparent or white.

    Is there an option for that, or a plugin?

    Thanks.

    • This topic was modified 5 years, 1 month ago by Heikki.
Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter Heikki

    (@heikkiwaan)

    or any other aspect ratio but should have the fill-feature

    Plugin Support RK a11n

    (@riaanknoetze)

    Hi there,

    Why not select the option of “Uncropped” in that case? That way, the image will fitted as best as possible within its container while making use of the background colour of the container (which can be changed with custom CSS) ??

    Thread Starter Heikki

    (@heikkiwaan)

    Hi, thanks for the repply.

    In that case the images are different size and the add to cart -button jumps to different places for each product… I need a solution that makes the height of the images even.

    Thread Starter Heikki

    (@heikkiwaan)

    Ok, i found this solution somewhere:

    .woocommerce-LoopProduct-link IMG
{
	height: 200px;
	width: auto;
}
    • This reply was modified 5 years, 1 month ago by Heikki.
Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘1:1 thumbnails with white fill outside, woocommerce’ is closed to new replies.