Product Gallery Thumbnail size issue

Hello,

I apologize for the delay.

Can you kindly verify how it works with default WordPress themes such as TwentyTwenty or WooCommerce Storefront to determine whether it is a problem with our theme or not?

Kind Regards

Hello,

Sorry for the delay.

Please send me access to the admin dashboard of the staging site so I will investigate the issue there.

Looking forward to hearing back from you!

Kind Regards

Hello,

It changes the width of the thumbnail from here: https://take.ms/hpCeg

As you can see in the above screenshot, the option works well on your website.

Feel free to reach out to me anytime when you have anything more to say.

Kind Regards

Hello,

It sounds like only a cache problem, make sure that you have cleared the server and browser cache as well.

Let me know the result.

Kind Regards

Hello,

Please confirm the permission for plugins deactivation, and switching to the parent/default theme. As soon as we complete the testing we will enable all back.

Looking forward to collaborating with you!

Kind Regards

Hello,

Seems that the staging site is not working, could you please check it on your side?

https://take.ms/sARWR

Looking forward to hearing back from you!

Kind Regards

Hello,

The full size in the new tab is shown due to the “srcset”, this functionality loads a specific size for specific screens. The default theme doesn’t use it so as a result you see the image as 150×150 px.

Here is official documentation about the “srcset”:

https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images

So in this case, when we check the size attributes of the image, we can see that the crop is working well: https://monosnap.com/file/dUnR7x5sXjFi2fUJLTFEWf9MtAII8G

If you have any more questions or need further assistance, please let me know. I’m always happy to assist you.

Kind Regards

Hello,

Please add the below code to the functions.php file in your child theme. As a result, you will disable the “srcset” and you will have the same behavior as on the default theme.

function wd_disable_wp_responsive_images() {
	return 1;
}

add_action( 'woocommerce_gallery_thumbnail_size', function () {
	add_filter('max_srcset_image_width', 'wd_disable_wp_responsive_images');
});

add_action( 'elementor/frontend/widget/after_render', function ( $element ) {
	remove_filter('max_srcset_image_width', 'wd_disable_wp_responsive_images');
});

Kind Regards

Hello,

As I mentioned above, you need to upload the theme to the latest update: https://monosnap.com/file/YLG1FZDQjBWFBITcMuVqX8yp0OOcji

It can be a cache because when you are on the site from the administrator, the cache is disabled and the pages are not cached, and when from an ordinary user, pages are displayed with the cache.

You can also reach out to us if you have any questions.

Kind Regards

Hello,

In version 7.1.2 we had a bug with picture sizes, but in 7.1.4 this bug was fixed. So please update the theme to the latest update and recheck that issue.

Let me know if there is anything else I can help and have a good day!

Kind Regards