Responsive images (srcset, sizes=) issues

Hi, for some reason the responsive images on our single product pages don’t work. For example thumbnails load full size even though the thumbnail regeneration was done. What could be causing this issue? Deleting cloudflare cache, enabling development mode, disabling wp rocket did not help.

You can confirm that thumbnail images do not get correct srcset sizes using browser’s develop console like image attached. Is there something I am overlooking here?

Please help me!

Attachments:

You must be logged in to view attached files.

Hello,

We just checked this product page and see that product images are displayed correctly. Could you please clarify what is wrong there? https://gyazo.com/0331d9aff8a1356d96ae9d6fa2d27303

Kind Regards

The gallery thumbnails are loaded in full size instead of woodmart loading the correct thumbnail size for gallery images.

You can confirm this in developers console or by using google page speed, Google says properly size images for all the gallery thumbnails in single product page.

Hello,

Currently, product thumbnail images on your website have the same size as the main image. To change this, copy the following file to the child theme woocommerce/single-product/product-thumbnails.php (the same path in the child theme) and change woocommerce_single to thumbnail as shown on the screenshot https://monosnap.com/file/WhXg0UdVsE8u4ht8FWBlOJwLwcbCjy

Kind Regards

[Author]

Posts