Product Thumbnail Size problem

  • I noticed that all of my older product are trying to display thumbnail size that I don’t use anymore and that are not available on the server. All new product that I create does not have this problem.

    The only way I have been able to get my thumbnail back is with a plugin that disable the responsive image which force the 100×100 thumbnail to be used.

    How can I remove the 648×648 thumbnail size that the product image gallery try to use? I went over each and every setting and never saw this size of image.

    Thanks

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

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

  • Hello rdtardif,

    Thank you for contacting Woo support.

    To better understand what’s happening, could you edit one of the affected products and share screenshots with me? I want to check how the images are being added to the product gallery.
    This will help me see what might be triggering the use of the 648×648 thumbnail size.

    Looking forward to your response. ??

    Best regards.

    Thread Starter rdtardif

    (@rdtardif)

    This is the product page. These are the oldest product that were created in 2016.

    • This reply was modified 1 month, 1 week ago by rdtardif.

    Hi @rdtardif,

    I remember you from this other thread. To avoid duplicates, can we close this one and continue over the other thread where we have advanced more on this troubleshooting?

    Meanwhile, another important step to try is downloading the images from one of your old products that have this problem, deleting them from the media library, and then re-uploading them to refresh them; this may solve the issue with the incorrect thumbnail sizes. Can you try this approach with at least one product?

    Other than this, it’s important to learn why the images regeneration process isn’t running. You can check this guide to learn more: https://developer.woocommerce.com/docs/thumbnail-image-regeneration/

    Thanks!
    -OP

    Thread Starter rdtardif

    (@rdtardif)

    Hi,

    The other thread was closed and I feel it’s more pertinent for this Storefront sub forum as these image size are controlled by the theme and I have no control to change them.

    I am pretty sure that re-uploading the picture for every product would work, it would force WP to generate the new thumbnail size and stop trying to link to an non-existent size. The 648×648 size was maybe the size of my old theme before I switched to storefront.

    The only problem with downloading and re-uploading every product image is time, there is a lot of them to process.

    The thumbnail regeneration works flawlessly; the theme ask for 100×100 and 150×150 picture and they are generated but nowhere is it requested to make the 648×648 size as it’s not used anymore that’s why they don’t get generated. Even when I create a duplicate of the product the image are not working.

    I have a staging site that was created in november 2023 and on the staging site there is no problem with the picture, there is no “srcset” command in the image link and only the 100×100 picture is linked. That is strange.

    Hello rdtardif,

    Thank you for your reply.

    I understand that the other thread was closed.
    Let’s continue on this thread.

    I can see that thumbnails are appearing under Product Gallery.
    Could you right-click those thumbnails and open the image in a new tab?
    Then copy those URLs and share them with me.

    I want to check if the image does not exist in the Media Library then how does a URL for the thumbnail work?

    Looking forward to your response. ??

    Best regards.

    Thread Starter rdtardif

    (@rdtardif)

    Hi,

    On the Edit Product Page, the Product Gallery image link are as follow;
    https://www.deeworks.ca/wp-content/uploads/2016/01/T5-adapter-2-100×100.png
    https://www.deeworks.ca/wp-content/uploads/2016/01/T5-adapter-3-100×100.png
    https://www.deeworks.ca/wp-content/uploads/2016/01/T5-adapter-4-100×100.png

    But on the product page here’s the code of the thumbnail;

    <img onload=”this.width = this.naturalWidth; this.height = this.naturalHeight” src=”https://www.deeworks.ca/wp-content/uploads/2016/01/T5-adapter-2-100×100.png&#8221; srcset=”https://www.deeworks.ca/wp-content/uploads/2016/01/T5-adapter-2-100×100.png 100w, https://www.deeworks.ca/wp-content/uploads/2016/01/T5-adapter-2-150×150.png 150w, https://www.deeworks.ca/wp-content/uploads/2016/01/T5-adapter-2-648×648.png 648w” draggable=”false” class=””>

    I really don’t know why there is a third “srcset” for the size that I have not set anywhere in the site.

    For example, here is the same thumbnail image source on my staging site, notice there is no “srcset” code in the line:

    <img onload="this.width = this.naturalWidth; this.height = this.naturalHeight" src="https://www.deeworks.ca/deeworks-api-tes/wp-content/uploads/2016/01/T5-adapter-2-100x100.png" draggable="false" width="100" height="100" class="flex-active">

    I have about 50 product with this problem

    Hi @rdtardif,

    Thank you for the additional details. I’m thinking maybe cleaning your media library for old unused thumbnail sizes may be a good approach to try then.

    Have you tried those plugins already?

    Please let us know if this works!

    Thanks!
    -OP

Viewing 7 replies - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.