WP Image Zoom Pro

When a product photo or portfolio image has details worth examining, WP Image Zoom Pro lets visitors view it enlarged. Apply zoom to pictures in posts and pages, WooCommerce and SureCart products, portfolios, Easy Digital Downloads featured images, and MarketPress content. You can use it on multiple images on one page, in supported lightboxes and carousels, and across gallery images with Pro.

Choose how detail appears

Select inner zoom, a round lens, a square lens, or outer zoom with a separate Zoom Window. Place that window to the left or right of the image; its responsive size fits the browser width. Pro lets you set the magnification to 2x or 3x the displayed image size. For useful detail, upload an image larger than the version shown on the page.

Mousewheel Zoom gives visitors another way to inspect an image. Animation easing makes the lens follow the pointer with a delay, and a fade effect controls how the enlarged area appears and disappears. Settings include lens size, border color and size, shadow, and rounded corners.

Apply zoom to content and galleries

Use the WordPress editor to apply zoom to post and page images, or enable it for WooCommerce product images, including variations. Pro also works with SureCart products, portfolio images, Easy Digital Downloads featured images, MarketPress content, and zoom across gallery images. It includes zoom to an existing gallery rather than replacing it. A theme that substitutes its own gallery, carousel, or slider can affect how zoom works.

Use a page builder

For a suitable image in a page builder, add the zoooom CSS class to the image. Guidance covers Gutenberg, WPBakery, SiteOrigin, Elementor, Beaver Builder, Divi, Avia, Fusion, Brizy, and Tatsu. Zoom is intended for Image elements. The Pro edition is needed to apply it across gallery images. Custom theme support is also listed among Pro capabilities.

Configure and check the result

After installing the plugin, choose a zoom style and visual options in its administration interface. Apply zoom through the editor, add the class to suitable page-builder images, or configure supported product and gallery content. Check the effect with your theme, lightbox, carousel, and image sizes before publishing.