Documentation

How To Customize The Image Zoom Feature

WooThumbs comes with a number of zoom options, including inner, outside, and follow.

To customize and pick which of these you want, take the following steps:

  1. From your WordPress dashboard go to WooCommerce > WooThumbs > Zoom.
  2. In the General Zoom Settings section, make sure Enable Hover Zoom is set to Yes.
enable zoom
  1. Next, choose the Zoom Type you’d prefer.
    • Each zoom type then has its own settings section in the same tab.

Inner Zoom

Inner zoom WooThumbs

Inner zoom will use the current image bounds as a frame for the zoomed image. When you hover, the zoomed image will be displayed smoothly on the screen.

Outer Zoom

Outer Zoom WooThumbs

Outer zoom will display the zoomed image beside the main image, on whichever side you choose in the settings.

outer zoom settings
outside and follow zoom settings

Follow Zoom

Follow Zoom WooThumbs

Follow zoom is a ‘magnifying glass’ style of zoom and will display the zoomed image in a circle or square at the mouse position.

follow zoom settings

Are you using WooThumbs for WooCommerce yet?

Start your 14-day free trial right now and get instant access to the features described in this article.

or learn more

Was this helpful?

Please let us know if this article was useful. It is the best way to ensure our documentation is as helpful as possible.

WooThumbs for WooCommerce

WooThumbs for WooCommerce

Not got the plugin yet? Get instant access right now, free for 14 days.

or learn more

Still need help?

If you haven't found what you're looking for in our documentation, please contact support.

Get Support