[Support request] Change product image size on woocommerce gp site.

Home Forums Support Change product image size on woocommerce gp site.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1400397
    Edward

    Hi there.

    I have tried to change the product image size on my site for the indivudal pages in:

    customize > woocommerce > product images. But the product image wont change.

    They are currently too big and i want to make them smaller. How do i do this? can you help?

    thanks,
    Ed

    #1400459
    David
    Staff
    Customer Support

    Hi there,

    is this for the shop page or the single product page or both ?

    The best thing with Woo images is to upload square images – even if that means there is some white space around them. Really takes the pain out of making things align.

    #1400461
    Edward

    That’s for the shop page. So for example: https://goprotect.co/products/cleaners/grout-cleaner/

    Ok, I’ll try and upload square images and see if it helps.

    #1400491
    David
    Staff
    Customer Support

    You can reduce the Product Image Area Width:

    https://docs.generatepress.com/article/woocommerce-overview/#single-product

    But it does mean the Summary will occupy more space.

    Square images of all the same size are the best way to go.
    Some tips on setting the right sizes.

    1. Your single product content width is: 1050px ( minus container padding ).
    2. Product Image Area Width is 50%.
    3. Max image width required is therefore 525px.
    4. If you want the hover zoom / lightbox to show a larger image eg. x2 zoom. Then you could upload your original image as 1050px. And set your Product Image size in Customizer > Woocomerce to 525px.

    Hope this helps

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