Why my products are looking blur when i click on shop

This topic has 5 replies, 2 voices, and was last updated 2 months, 3 weeks ago ago by Rose Tyler

  • Avatar: shounak_65753
    shounak_65753
    Participant
    September 26, 2024 at 08:35

    hello
    iam creating products for my website,but when i click shop page
    the products are looking blur
    please help me why this is happening
    because i have hire desiners to render this product
    please tell me whats wrong and please fix this

    Please, contact administrator
    for this information.
    Files is visible for topic creator and
    support staff only.
    4 Answers
    Avatar: shounak_65753
    shounak_65753
    Participant
    September 26, 2024 at 08:42

    the dimension of product images are 2048 by 2048 pixels

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 26, 2024 at 11:09

    Hello,

    Thank you for reaching out to us with your concern regarding the product thumbnails on the Product Archive page. We understand the importance of having a uniform appearance for your images.

    Please read the next articles – https://docs.woocommerce.com/document/fixing-blurry-product-images/ https://www.8theme.com/documentation/xstore/woocommerce/product-images/

    The size of products comes not from our theme, but from WooCommerce settings in Appearance > Customizer > WooCommerce > Product Images.

    Please note that once you change these settings you need to regenerate thumbnails using the appropriate plugin.

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

    Best Regards,
    8Theme’s Team

    Avatar: shounak_65753
    shounak_65753
    Participant
    September 26, 2024 at 11:17

    do i need to change the product dimensions?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 26, 2024 at 11:52

    Hello,

    It seems the issue with the blurry images on your shop page is related to how the images are displayed based on the WooCommerce settings. Here’s what you can do to fix the blurriness:

    Check WooCommerce Image Settings: Go to Appearance > Customize > WooCommerce > Product Images and adjust the Thumbnail width. You need to set – https://prnt.sc/05ExiCPvq6Zw Once you’ve updated these settings, you need to regenerate your thumbnails.

    Regenerate Thumbnails: After changing the image size, install and run the Regenerate Thumbnails plugin to ensure all images are resized correctly. This will help remove the blurriness caused by mismatched image dimensions.

    Use Consistent Image Sizes: Make sure all your product images are of the same size to avoid distortions during resizing. Before uploading, use a graphics editor to adjust and prepare your images to fit the same dimensions.
    If these steps don’t resolve the issue, feel free to reach out again for further assistance!

    Best regards,
    The 8Theme Support Team

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

You must be logged in to reply to this topic.Log in/Sign up

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