Wrong Image Sizes on Shop page

  • Resolved markwebstar

    (@markwebstar)


    7 years, 7 months ago

    I’m struggling to get all my products images to appear with the same size on my /shop page. I believe these are what’s known as “Catalog Images”.

    I’ve tried adjusting the settings in the Product Images settings but cannot get them all to appear with the same height. I read somewhere that this could be because my images have different height/width ratios, but not sure how to fix it in my case.

    The books we’re selling are all slightly different formats so the images are different ratios. I would like them all to appear in the shop with the same height. The original images in my Media Library are all 600px high but on the shop page they are displayed with different heights.
    https://thevisiblepress.com/shop/

    I’d appreciate any advice that can help me fix this issue. Thanks !

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

  • Try this custom css:

    .woocommerce ul.products li.product a img {
  width: auto;
  height: 180px;
}

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

    Now, the widths will vary. To avoid this, leave out the widths line but then there will be some distortion because the small ones will be stretched and the bigger ones squashed. The distortion is limited, providing you don’t have any landscape format images.

    Thread Starter markwebstar

    (@markwebstar)

    Thanks very much @lorro – that seems to have fixed it.

    I don’t mind the difference in widths as this gives a better representation of the different formats of the books.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Wrong Image Sizes on Shop page’ is closed to new replies.