Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
  • #1378465

    Hi team,

    If I open a Product by clicking on a link in the Categories sidebar, I get what looks like a low-resolution image. That is to say, it looks quite blurry.

    However, if I use the Search Box to find the product, and then click on the link to it in the search results, I get what looks like a higher-resolution image.

    Is there any way to fix it so that both product listings show the high-resolution image?



    Hey Stephen,

    Thank you for the inquiry.

    You can add the following code in the functions.php file to adjust the size of the catalogue images.

    add_filter( 'avf_wc_before_shop_loop_item_title_img_size', 'avf_wc_before_shop_loop_item_title_img_size_mod', 10, 1 );
    function avf_wc_before_shop_loop_item_title_img_size_mod( $thumbnail_size ) {
        return 'woocommerce_thumbnail';

    Best regards,


    Thanks Ismael.

    I don’t really see a change in the image quality I’m afraid.

    Do I need to edit the above code / define the pixel dimensions for the image? (I don’t know PHP.)

    I think the root cause of the problem is that the listing I get when I click on the product from the CATEGORIES sidebar is loading a smaller image (In absolute pixel dimensions) and then upscaling it.

    You can see the difference if you load this product:

    And then search for it [I Love Nicola] and click on the listing that is returned there.




    Ismael — looking again at this:

    a) The default page for a product displays an image sized 450×450 pixels.


    b) Whereas when I load up the same page from search results, it loads a bigger image (I think 1030×1030) into a container that”s about the same size as in a), above. The image appears much clearer / better. Ideally, I would like the default product page to be the same, if possible.


    (My screen resolution is 2560 x 1440 if that makes a difference.)



    • This reply was modified 10 months, 2 weeks ago by envato99.
    • This reply was modified 10 months, 2 weeks ago by envato99. Reason: EDITED Saturday 14th Jan — inserted link to 2 images showing the difference in quality


    Thank you for the update.

    There was an error in the code above, but we already corrected it. Please try it again. The filter should disable the default thumbnail (450x450px) that is enforce by the theme and revert it back to the default woocommerce_thumbnail, which automatically adjusts based on the selected options in the Appearance > Customize > Woocommerce > Product Images panell.



    Apologies Ismael. By mistake I had commented out the fix in my functions. php file. It works correctly now.




    No problem. Glad to know that the issue has been resolved. Please do not hesitate to open another thread if you have more questions about the theme.

    Have a nice day.

    Best regards,

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘WooCommerce shop — different image quality depending on how I open the product.’ is closed to new replies.