[Resolved] How to make woocommerce product images smaller?

Home Forums Support How to make woocommerce product images smaller?

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1092987
    Thomas

    The option to make images smaller on Woocommerce doesn’t work on our website.

    Customize > Woocommerce > product images.

    The images are still really big even after regenerating the thumbnails.

    #1093467
    Leo
    Staff

    Hi there,

    That customizer panel is actually coming from WooCommerce plugin itself.

    I see the image is currently set at 380 by 380.

    Is that what your setting is? Have you tried clearing your caching plugin?

    #1094222
    Thomas

    Yes, I have refreshed the cache.

    Where do you see 380 by 380? The image is 931 by 622 on my screen, at least the div is. Actually, I think the problem is that woocommerce div. The image is enlarged to fit the div size which is 931 by 622. Therefore, all my images are blurred. Can you see that?

    In Customize > Woocommerce > Product Images:
    – Main image width is set to 660 pixels
    – Thumbnail width is set to 300 pixels.

    I have taken 3 screenshots so you can see what I see on my screen.

    https://send.firefox.com/download/b695ccbabe2eaca9/#3151ykI9ye_-dXgfOBN0pA

    #1094287
    David
    Staff

    Hi there,

    the Image Gallery is set to take up 50% of the Container width you set in the customizer. Which is 2000px. With the column padding / gutters removed this is why the images are being displayed at around 930px.

    You can either:

    1. Reduce the Container width.
    2. Reduce the Product Image Area Width in Customizer > Layout > Woocommerce –> Single Product

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.