Diferent image sizes in catalogue page

  • Resolved rene-rene

    (@rene-rene)


    7 years, 6 months ago

    I am trying to have all images in catalogue pages the same size. I went to Settings–>Products–>Display, set sizes, regenerate thumbnails, with no effect at all on image sizes.

    I have also tried diverse CSS codes with no effects.
    I’am usig DIVI theme, according to them it is 100% woocommerce compatible.

    If you enter to globobc.com/shop will clearly note the disparate image sizes.

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

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

  • The WooCommerce image size settings control the size of the images sent to the browser, not the size at which they are displayed.

    The size at which images are displayed is controlled by styles. You can force all your images to be the same height with this custom css:

    .woocommerce ul.products li.product a img {
  height: 225px !important;
}

    Custom css can be entered at:
    Dashboard > Appearance > Customise > Additional CSS

    Some images will be stretched a bit. If you want to avoid that, you would need to use an image editor to make them all the same aspect ratio before uploading.

    Thread Starter rene-rene

    (@rene-rene)

    Thanks for you clear answer.
    I think it will be valuable for many others, because I had read several comments in different forum and blogs with rather confusing instructions.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Diferent image sizes in catalogue page’ is closed to new replies.