Blurry Catalog Images

  • Resolved masterchief67

    (@masterchief67)


    3 years, 2 months ago

    Hi,

    yesterday I updated the site for a customer of mine using a child theme which is created based on the Shop Isle-theme (https://wordpress.org/themes/shop-isle/). Until now everything is working fine, except for one thing. The images on the Catalog page (I call it the catalog page), seem a little blurry. I have to be honest, you have to take a real good look to notice the difference, but these images are not as sharp as the images on the product page itself, the last ones are excellent, but the one image on the catalog page is a little blurry. I have tried to change the setting for the thumbnail in de the customizer settings (Woocommerce -> Product Images). But that doesn’t help. As far as I can tell the images are of high quality (hi-res).

    Of course, I have been searching online and in this forum, but until now I couldn’t find a solution yet. Maybe someone has a solution for this or can put me in some direction.

    Woocommerce version used: 4.9.2

    Thank you for the help

    I think is it best to look at the product called “MEDEA CHAIRS BY VITTORIO NOBILI FOR TAGLIABUE, 1950S” on the page I included. This product image is a little blurry compared to the detailed images on the product page itself.

    • This topic was modified 3 years, 2 months ago by masterchief67.

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • MayKato

    (@maykato)

    3 years, 2 months ago

    Hello,

    I’ve looked at the category image of MEDEA CHAIRS BY VITTORIO NOBILI FOR TAGLIABUE, 1950S. The image size is 262×164 but it’s being displayed in a larger frame which is probably the cause of the blurry image. For more information, please refer to this page: https://docs.woocommerce.com/document/fixing-blurry-product-images/

    Thread Starter masterchief67

    (@masterchief67)

    3 years, 2 months ago

    Thank you for the reply, but how or where can I set which image to use for the category image. The original Product image is much larger 2520 x 1920. I have set the crop values in the Customize to 600 x 400. So where is determined that the image used is of size 262×264?

    MayKato

    (@maykato)

    3 years, 2 months ago

    Hello,

    You can set larger thumbnail size under Appearance > Customize > WooCommerce > Product Image. If you don’t see the option there, your theme is setting the size already. In that case, we recommend reaching out to the theme developer directly to see if there is a way to change it.

    MayKato

    (@maykato)

    3 years, 2 months ago

    Hi @masterchief67

    We’ve not heard back from you in a while, so I’m marking this thread as resolved. Hopefully, you were able to find a solution to your problem! If you have further questions, please feel free to open a new topic.

    Thread Starter masterchief67

    (@masterchief67)

    3 years, 2 months ago

    Hi Maykato, before I reach out to the theme developer. Are you saying the DIV which displays the Catelogue image is larger than the image it is showing?

    I checked the link in the original question and when I inspect the element through the developer tools I see the DIV has a size of 323.33 x 195.92 while the image shown is of the size 262 x 175. Is this what you mean by “The image size is 262×164 but it’s being displayed in a larger frame which is probably the cause of the blurry image”

    MayKato

    (@maykato)

    3 years, 1 month ago

    Hi @masterchief67

    while the image shown is of the size 262 x 175

    Sorry about my typo. Yes, the 262 x 175 image is being stretched to fit in a larger space.

    Thread Starter masterchief67

    (@masterchief67)

    3 years, 1 month ago

    Oke, thank you so far for the assist. I will reach out to the Theme developers.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Blurry Catalog Images’ is closed to new replies.