Image size and magnification

WP Image Zoom Pro adds magnification to images in WordPress posts and pages, WooCommerce and SureCart products, portfolios, Easy Digital Downloads featured images, and MarketPress content. For the enlarged view to reveal detail, upload an image larger than the version displayed on your website. Pro lets you set magnification to 2x or 3x the displayed image size.

Choose how the zoom appears

Select inner zoom, a round lens, a square lens, or outer zoom with a separate Zoom Window. Position the window to the left or right of the image; it adjusts to the browser width. Visitors can use Mousewheel Zoom to inspect an image. Animation easing makes the lens follow the pointer with a delay, while the 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 images and galleries

Apply zoom through the WordPress editor or to image elements in supported page builders. Builder guidance covers Gutenberg, WPBakery, SiteOrigin, Elementor, Beaver Builder, Divi, Avia, Fusion, Brizy, and Tatsu. For a builder image, add the zoooom CSS class. The Pro edition also supports zoom across gallery images. Zoom can be used on multiple images on one page and within supported lightboxes and carousels. It does not replace the existing product gallery, and compatibility can depend on how a theme implements its gallery, carousel, or slider.

Configure and check the effect

Install the plugin in WordPress, then pick the zoom type and visual options in its administration interface. Apply zoom in the editor, add the zoooom class to suitable page builder images, or configure supported product and gallery content. Check the result with your theme, lightbox, carousel, and image sizes before publishing.