How to make WooCommerce main product image responsive

Hey guys,

I’m using the latest versions of Pro and WooCommerce, and I just noticed the main product image on the product page is not responsive. View GIF recording here: https://gyazo.com/f2e9462d5642e1d6a413372ecc91dd2e

Can someone show me how to get this image to respond with the page?

Thanks.

Hello There,

Thanks for writing in! The main product image is not responsive because the WooCommerce gallery slider. If you disable it, the product image will become more responsive.

Please refer to your other thread:

Hope this helps.

I enabled the slider since posting this thread because it was the closest I could find to Shopify’s default functionality (referring to my other thread, which you linked to). However, I am open to removing it if I can find a way to get Shopify’s functionality + responsiveness. Is this possible?

Hello There,

Shopify’s functionality is not available in WooCommerce. You will be needing a 3rd party plugin to be able to do that. Perhaps, this plugin may help you. Please check this out:

Hope this helps. Kindly let us know.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.