How to Change Product Zoom Size in Woocommerce Easily!

Hello everyone,

Today I like to share a very and easy, quick trick I have been using to improve UX on a WordPress Woocommerce website.

As a user of og Woocommerce you might have noticed, that on certain websites, that the zoom is too strong on the products and it makes the preview blurry and hard to view for customers.

It is specifically true for small items.
What a shame when you are uploading good-quality pictures which end up being ruined by this.

Fear no more my developer lords, the solution to your issues is coming to the door right next to you soon!

Just use a simple code you can apply in your WordPress’s themes function.php or with a mu-plugins which you create and it easy too! (I have a mu-plugin for almost everything. I love mu-pluigns because they do not bog down the server as much as plugins do.)

I’ve added an example of a MU-plugin below:

So now that you you created the MU-plugin add it to your wp-content/MU-plugins folder (if not there create it), and just save it. it is instantly activated so you do not need to manually active it.

Now add this code to fix the Woocommence UI zoom issue so you get beautiful eye-candy product images presented to your customers!

Now after the code has been applied you can test your way around with the 0.7 value and find what fits your products and your personal preference.

Hope this helps!