Square category & single product thumbnails not displaying correct

Hello there,

This is my website: https://www.gallerifusion.dk/kunst/malerier/
Documentation for support: https://imgur.com/a/F2lFBlL

Im using theme OceanWP + WooCommerce and WooCommerce Filters.

Im using thirdparty plugins: Square thumbnails (it creates thumbnails with white background) + Stop Generating Unnecessary Thumbnails (for generating the thumbnails that i neeed).

Im generating three types of webP images, optimized with Imagify = Original size, 300 width (px) category page thumbnail and 600 width (px) product thumbnail.

Function. As shown in attached photos everything works as intended on desktop. Category page thumbnail is 300 width (px) and single product thumbnail is 600 width (px). And everything is aligned upon returning to the category page. It looks so good.

Now the problem. When viewing the category page on laptop the single product thumbnails is displayed instead of the category page thumbnails. When viewing the single product page the image is displayed as the original sized image and not the single product thumbnail. Upon returning to the category page the original image is now displayed as the products thumbnail.

On mobile im experiencing that only orginal sized images are being displayed on both category page and single product page. The thumbnails are simlpy not displayed on mobile.

How can i make WooCommerce display the correct thumbnails?

Thanks for reading
Kind regards
Jonas Ojczyk

• This topic was modified 3 years, 4 months ago by jonasojczyk.

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