Product image size enlarges on Product shop page

This topic has 3 replies, 2 voices, and was last updated 4 weeks ago ago by creativesite

  • Avatar: Barbara
    creativesite
    Participant
    September 22, 2024 at 09:57

    Hi,

    I would like to ask, the product image size is such that it enlarges and looks distorted. What size or settings should I adjust or which code to add to ensure the product image fits nicely in the center of the square image container?

    Thank you!
    Barbara

    Files is visible for topic creator and
    support staff only.
    2 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 22, 2024 at 12:31

    Hello, Creativesite,

    Thank you for reaching out to us with your concern regarding the product image size on your website. We understand how important it is for the images to appear clear and properly aligned to ensure a great visual experience for your users.

    Please read the next articles – https://www.8theme.com/documentation/xstore/woocommerce/product-images/ https://docs.woocommerce.com/document/fixing-blurry-product-images/
    The size of products comes not from our theme, but from WooCommerce settings in Appearance > Customizer > WooCommerce > Product Images. From your screenshot, it looks like the images are cropped.
    Please note that once you change these settings you need to regenerate thumbnails using the appropriate plugin.

    It is recommended to use a graphics editor and prepare product images (make them the same size) before uploading images to your media gallery and for products. In other cases, images may have different heights on the frontend.

    Further assistance you can get from the WooCommerce support team – https://wordpress.org/support/plugin/woocommerce/

    Best Regards,
    8Theme’s Team

    Avatar: Barbara
    creativesite
    Participant
    October 8, 2024 at 11:53

    Okay, thank you!

  • Viewing 3 results - 1 through 3 (of 3 total)

The issue related to '‘Product image size enlarges on Product shop page’' has been successfully resolved, and the topic is now closed for further responses

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.