How to apply zoom on product images in Woocommerce?

In this tutorial we’ll learn how to apply zoom or magnify effect on product page. We’ll also learn how to slide product images.

Fortunately there is an efficient and simple plugin that will do this job for us.

YITH WooCommerce Zoom Magnifier is an easy to use plugin that will enable you to apply zoom effect on product image and slide extra images of a product.

You can download the plugin from here:

wocommerceAfter downloading the plugin, go to admin panel of your site and click on add new link under plugins.

From the upcoming screen, click on upload plugin button.

wocommerceAfter this, browse and select the plugin from your computer an dhit install button.

wocommerceWhen plugin finishes its installation process, activate the plugin by clicking on Activate Plugin link.

wocommerceAfter activating the plugin, you can see a new menu item has been added to the left menu of your admin panel.

From here you can set image zoom or magnify settings.

You can set product images slider settings as well.

Here is magnifier settings:

wocommerceAnd slider settings:

wocommerceNow if you go to product page from front end, you’ll see image magnifier and image slider.

This is what the magnifier looks like:

wocommerceAnd the image slider:



I hope you enjoy reading this blog post. If you want my team to do WooCommerce Maintenance for you, click here.

Leave a Comment

Your email address will not be published. Required fields are marked *