Catalogue – Shop thumbnail images very blurry

  • Hi,

    I’m build a Shop. The product images in the catalog show up blurry.

    I have regenerated thumbnails but it didn’t change anything. I can’t think what else I can do to fix it.

    My media sizes are: Thumbnail size: 100×100 Medium size: 300×300 Large size: 1024×1024
    on Appearance > Woocommerce > Thumbnail cropping 1:1. (I use the theme Neve)
    (example here https://intiquilla.com/shop/ )

    Any ideas?

    Thank you for your support

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

Viewing 9 replies - 1 through 9 (of 9 total)

  • The media sizes set at Settings > Media are not used by WooCommerce.

    Looking through the support forum for Neve, this issue seems have come up a few times from various users.

    Neve says it supports WooCommerce but I can’t find the required add_theme_support() function in the theme code. Accordingly Neve is using the wrong image sizes in the product catalog, hence the blurriness.

    The way to add theme support is described here:
    https://docs.woocommerce.com/document/image-sizes-theme-developers/

    This code should be added to functions.php of your child theme. You’ll need to substitute the image sizes appropriate to your site. Modest PHP skills will be needed. Thumbnail regeneration is automatic nowadays when needed.

    It would be better if the theme authors did this for the next theme update, so you can take the issue to the theme support forum.

    If you don’t want to use the function, or to wait for the theme authors to do so, consider switching to a theme which fully supports WooCommerce.

    Thread Starter carlos2019

    (@carlos2019)

    https://docs.woocommerce.com/document/image-sizes-theme-developers/

    From the link you sent me, which code should I use?

    Thank you for your answer!
    Carlos

    Its this one, but replace the values with those appropriate to your site.

    add_theme_support( 'woocommerce', array(
'thumbnail_image_width' => 200,
'gallery_thumbnail_image_width' => 100,
'single_image_width' => 500,
) );
    Thread Starter carlos2019

    (@carlos2019)

    Thanks for your answwer, I tried but continue to have the same issue.

    Thanks again.
    Carlos

    PHP skills or a developer is needed for this really. Try to get the themes devs to do it or consider switching to a theme which fully supports WooCommerce.

    As a test, try the Storefront theme temporarily. Allow auto thumbnail regeneration time to complete. Do you still have the same problem?

    Plugin Support RK a11n

    (@riaanknoetze)

    As implied by @lorro – after adding that code, you’ll want to make sure that you regenerate the thumbnails under **WooCommerce > Status > Tools > Regenerate Thumbnails**.

    Thread Starter carlos2019

    (@carlos2019)

    Hi,

    I add the code *Apparence > Theme editor > Funtions.php*

    and I regenerate the thumbnails *WooCommerce > Status > Tools > Regenerate Thumbnails*.

    I continue to have the same issue.
    Thanks again.
    Carlos

    Your site uses a content delivery network (CDN). This means we might be seeing the old pages until the CDN updates. I can’t tell from here which CDN you are using or how to clear the cache. Did you clear your CDN cache? Ask your host how to do it if you are unsure.

    It would be best if you could turn off CDN altogether while you are making changes to the site.

    I found that the “front_end” file (inc/core/front_end.php) within the theme contains the relevant information for “add_theme_support” (I myself am dealing with blurry images.)

    A link to their Github page for frontend.php

    • This reply was modified 4 years, 7 months ago by Ian Sackofwits. Reason: Grammatical error
Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Catalogue – Shop thumbnail images very blurry’ is closed to new replies.