WP Image Zoom

Description

Description

Are you looking for a robust, modern and very configurable image zoom plugin? WP Image Zoom will allow you easily to create a magnifying glass on your images, all from a very intuitive WP admin interface.

Allow your visitors to see the details of your images. Improve the user experience. Improve your revenue.

Our users love these features

  • 4 zooming types – inner zoom, round lens, square lens and outer zoom.
  • Animation Easing Effect – the zooming lense will follow the mouse over the image with a sleak delay. This will add a touch of elegance to the zooming in experience.
  • Fade Effect – the zoomed part will gracefully fade in or fade away.
  • Extremely configurable – control zooming lens size, border color, border size, shadow, rounded corner, and others …
  • Works with WooCommerce – easily enable the zoom on all your products’ images. Only a checkbox away.
  • Works in Pages and Posts – within the post’s/page’s editor you’ll find a button for applying the zooming effect on any image.

Notes

  • This plugin is provided “as-is”; within the scope of WordPress. We will update this plugin to remain secure, and to follow WP coding standards.
  • If you prefer more dedicated support, with more advanced and powerful plugin features, please consider upgrading to WP Image Zoooom Pro.

Why should you upgrade to WP Image Zoooom Pro?

  • Works with WooCommerce variations
  • Works with Portfolio images
  • Works with Easy Digital Downloads featured images
  • Works with MarketPress – WordPress eCommerce
  • Responsive (the zoom window will fit to the browser width)
  • Mousewheel Zoom
  • You can place a text on the image like a watermark
  • You can choose the zoom window position (left or right from the image)
  • You can use on more than one image on the same page
  • Custom theme support

Screenshots

  • Configuration menu for the Round Lens

  • Configuration menu for the Square Lens

  • Configuration menu for the Zoom Window

  • Application of zoom on an image in a post

  • General configuration menu

  • WooCommerce product page with the Zoom Window applied on the featured image

  • Apply the zoom from Visual Composer, the Single Image element

Installation

  • From the WP admin panel, click “Plugins” -> “Add new”.
  • In the browser input box, type “WP Image Zoom”.
  • Select the “WP Image Zoom” plugin and click “Install”.
  • Activate the plugin.

OR…

  • Download the plugin from this page.
  • Save the .zip file to a location on your computer.
  • Open the WP admin panel, and click “Plugins” -> “Add new”.
  • Click “upload”.. then browse to the .zip file downloaded from this page.
  • Click “Install”.. and then “Activate plugin”.

OR…

  • Download the plugin from this page.
  • Extract the .zip file to a location on your computer.
  • Use either FTP or your hosts cPanel to gain access to your website file directories.
  • Browse to the wp-content/plugins directory.
  • Upload the extracted wp-image-zoooom folder to this directory location.
  • Open the WP admin panel.. click the “Plugins” page.. and click “Activate” under the newly added “WP Image Zoom” plugin.

FAQ

Installation Instructions
  • From the WP admin panel, click “Plugins” -> “Add new”.
  • In the browser input box, type “WP Image Zoom”.
  • Select the “WP Image Zoom” plugin and click “Install”.
  • Activate the plugin.

OR…

  • Download the plugin from this page.
  • Save the .zip file to a location on your computer.
  • Open the WP admin panel, and click “Plugins” -> “Add new”.
  • Click “upload”.. then browse to the .zip file downloaded from this page.
  • Click “Install”.. and then “Activate plugin”.

OR…

  • Download the plugin from this page.
  • Extract the .zip file to a location on your computer.
  • Use either FTP or your hosts cPanel to gain access to your website file directories.
  • Browse to the wp-content/plugins directory.
  • Upload the extracted wp-image-zoooom folder to this directory location.
  • Open the WP admin panel.. click the “Plugins” page.. and click “Activate” under the newly added “WP Image Zoom” plugin.
Does it work with W3 Total Cache?

Yes

If I have Visual Composer installed, how do I apply the zoom?

You can apply the zoom on the Single Image element from Visual Composer. See the following screenshot.

It display the zoom lens, but the picture is not enlarged

In order for the zoom to work you have to upload a bigger picture than the one presented on the website. For more control over the zoom level you can try upgrading to the PRO version. There you can set the zoom level to 2x or 3x the size of the presented picture.

In case you did upload a bigger picture and the zoom still isn’t working, you might try to deactivate the Jetpack Photon module. The module resizes the image and interferes with the zoom.

The zoom window is about 1cm lower than the zoomed image

This is an effect caused by the WordPres Admin Bar. Try logging out and check the zoom again.

Another cause could be the sticky header. When the page is loaded, the zoom window is built and set in the right position (next to the zoomed image). When you scroll down, the sticky header changes its height but the zoom window keeps staying in the same position. In order to solve this you can choose between removing the header’s sticky effect or upgrading to the WP Image Zoooom PRO, as there the zoom window is totally differently built and the sticky header doesn’t affect the zoom position.

Another cause could be the “CSS Animation” settings within Visual Composer. If you want to keep the animation effect and still have the zoom, I recommend you upgrade to the WP Image Zoooom PRO.

How to zoom an image without the button in the editor?

When you add a CSS class called ‘zoooom’ to any image, the zoom will be applied on that particular image. Remember that the zooming works only when the displayed image is smaller than the loaded image (i.e. the image is shrinked with “width” and “height” attributes).

If I want to use a “lazy load” plugin will it work?

We can ensure compatibility with Unveil Lazy Load, WP images lazy loading and Lazy Load plugins.

My image is within a tab

The zoom lens is built on page load relative to the image and it will be shown in mouse hover no matter if the image is hidden in another tab. I cannot do anything about this, the zoom is not built to work with images within tabs.

Alternatively you can upgrade to the Pro version, as there the zoom lens is built on mouse hover and not on page load, which means that the zoom will work also with images within tabs.

Known Incompatibilities
  • Black Studio Tiny MCE Widget plugin and SiteOrigin Widgets Bundle plugin makes the Image Zoooom button doesn’t show in the Edit Post and Edit Page editor

  • The zoom doesn’t work well with Image Carousel on Avada theme. You cannot use the zoom and the carousel on the same page.

  • The zoom doesn’t work at all with the WooCommerce Dynamic Gallery plugin.

  • The zoom will not work with the WooCommerce gallery on the Avada theme. The Avada theme changes entirely the default WooCommerce gallery with the Flexslider gallery and the zoom plugin does not support the Flexslider gallery. Please check the PRO version of the plugin for compatibility with the Flexslider gallery.

Credits
  • Demo photo from http://pixabay.com/en/wordcloud-tagcloud-cloud-text-tag-679951/ under CC0 Public Domain license

Reviews

… at last.

I made a valiant effort to implement several of the alternative image viewers on my WooCommerce store, but one-by-one, they all either introduced some unfortunate results – or didn’t work at all. This is the only one that I’ve been able to rely on: not a memory hog, consistent on all the platforms that use it, very customizable (the paid version is configurable in so many ways, you’ll be able to tightly integrate it to suite your needs) and must of all, it makes the presentation of the images even more appealing in terms of enhanced viewer appreciation. If you’re tired of looking for a good plugin to magnify your WordPress images, it’s time to rest – you’ve just found a goodie.

Great plugin, fast and valuable support

I bought the Pro version, which is worth every penny.
Got fast and very helpful customization support from Diana, who made a solution for the portfolio images in my theme.
Nice custumization options. A very user friendly plugin.
Recommended!

Best Zoom Plugin and super-responsive support

I am trying the free version and encountered a problem with an error with the plugin on my site, when switching between product main image and gallery images in woocommerce.

I wrote Diana here at support and she attended my several support questions always within the same day, in a matter of hours and even took the time to personally look into my site to find out what was causing the error which finally was a featured image setting on my theme, which, once changed, made the trick, making the plugin work perfectly.

This is a very high-quality zoom plugin for WP, the best of all I have tested (and I think I have tried them all) which together with the very professional and personalized support from Diana, make this a no-brainer.

I will be buying the pro version soon, after finishing my testing.

Thanks Diana

Great Custom Support

I bought the plugin for a client site and was having some trouble setting it up. Turns out I had a Javascript conflict with another plugin. Diana responded with a custom fix for me that was easy to understand. After that, she also released a plugin update to support Enfold Theme’s image galleries. She was also quick to help me get some other little bugs with my custom installation figured out. Great support and great plugin!

Thanks Diana 🙂

Excellent plugin and support

This is a great plugin for putting my clothes at https://b-light.se to display very nicely and fancy. I had an issue with my theme that the Silkypress support fixed very quickly. They actually added more features than necessary in order to fulfill my needs. I wish all plugin authors would be like this. Excellent and brilliant is the words that comes to my mind.

/Jonas

Read all 43 reviews

Contributors & Developers

“WP Image Zoom” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

1.10

  • Fix: warning for the Shopkeeper theme
  • Fix: don’t add/remove theme support for the gallery if is not enabled for WooCommerce

1.9

  • Fix: if the image has data-large_image attribute, then use that for the zoom
  • Fix: if data-zoom-image attribute present, then exchange it with the thumbnails in WooCommerce gallery
  • Fix: remove click action on the WooCommerce images

1.8

  • Feature: compatibility with WooCommerce 3.0.+

1.7

  • Feature: compatibility with the Nouveau theme
  • Feature: compatibility with the WP-Cache Super for the enable on mobiles option
  • Fix: don’t add the full size image to the srcset if the image is cropped
  • Fix: replace the move cursor type with zoom-in
  • Fix: compatibility with the 2.8.6+ Virtue theme, see https://wordpress.org/support/topic/woocommerce_single_product_image_html-filter/

1.6

  • Feature: compatibility with the Lazy Load plugin (https://wordpress.org/plugins/lazy-load/)
  • Fix: remove the “Compatible with LazyLoad (unveil)” option and apply the fix automatically if the $.unveil function is present

1.5

  • Feature: plugin ready for translation
  • Feature: translation for Romanian

1.4

  • Feature: “Exchange the thumbnail with the main image on WooCommerce products” option
  • Feature: compatibility with the Artcore theme
  • Feature: show a notice about BWP Minify configurations

1.3.1

  • Fix: remove the prettyPhoto only if WooCommerce is active and only on product pages

1.3.0

  • Fix: PHP Notice when adding two arrays without checking first the variable type
  • Fix: add the attachment-shop_single and attachment-thumbnail classes to the WooCommerce product images if these are missing
  • Added grayed out fields as in the PRO version

1.2.9

  • Fix: if the full image isn’t present in the srcset, add it
  • Fix: compatibility with the Bridge theme
  • Fix: set the data-zoom-image attribute as having priority over the srcset attribute

1.2.8

  • 04/21/2016
  • Fix: For WooCommerce galleries keep the thumnail’s src in data-thumbnail-src. This will fix some esthetic issue with long images
  • Feature: add data-zoom-image attribute if the srcset is not present, but the “zoooom” class is present

1.2.7

  • 04/11/2016
  • Feature: add TinyMCE button to the LearnDash post types

1.2.6

  • 02/14/2016
  • Feature: Enable the zoom on the WooCommerce category pages
  • Fix: replaced the with to make it work for PHP < 5.4 and short_open_tag = Off
  • Feature: you can tag a div with “zoooom” class in order to apply the zoom
  • Feature: compatibility with Visual Composer

1.2.5

  • 01/19/2016
  • Added admin-notices

1.2.4

  • 12/24/2015
  • Fix: With WordPress 4.4 the WooCommerce thumbnail images were not switched for the main image

1.2.3

  • 11/21/2015
  • Fix: The tooltips for checkboxes were not working
  • Fix: ‘Distance from the Main Image’ was not having an effect on the frontend
  • Fix: removed the mousewheel zoom as it was not working
  • Fix: TinyMCE in the WP-Lister Templates was not working

1.2.2

  • 11/06/2015
  • Fix: ‘Force to work on woocommerce’ also on JPEG files

1.2.1

  • 10/20/2015
  • Added compatibility with LazyLoad (unveil.js)
  • Fix: with round and square lens the zoom was flickering when getting out of the image area. (https://wordpress.org/support/topic/lazyload-conflicts-more)

1.2.0

  • 10/13/2015
  • Added .pot file for translation.

1.1.4

  • 10/07/2015
  • Fix: https://wordpress.org/support/topic/problem-when-resize-window (regenerate the zoomed image when the page is resized)
  • Fix: https://wordpress.org/support/topic/not-working-1307 (when choosing another image from woocommerce gallery, if the image is not big enough to generate a zoom, it was still showing the previously chosen image)

1.1.3

  • 08/18/2015
  • The Shadow Thickness was not working.

1.1.2

  • 08/05/2015
  • Remove the WooCommerce lightbox. It doesn’t make sense to have the lightbox and zoom at the same time

1.1.1

  • 08/04/2015
  • Fix: https://wordpress.org/support/topic/not-working-1307 (force it to work with WooCommerce images, even when the templates tries to load a smaller size image)

1.1.0

  • 08/03/2015
  • Update to WP 4.2.3

1.0.9

  • 06/29/2015
  • Fix: https://wordpress.org/support/topic/zoom-appears-behind-an-product-image

1.0.8

  • 06/23/2015
  • Fix: https://wordpress.org/support/topic/zoom-configuration-settings-not-available

1.0.7

  • 06/21/2015
  • Added: right side box with WP Image Zoooom Pro

1.0.6

  • 06/03/2015
  • Fix: https://wordpress.org/support/topic/the-zoom-button-does-not-appear (it was assumed that the path to the plugin is the standard one. Now it loads the .png from a path relative to tinyMCE-button.js)

1.0.5

  • 06/01/2015
  • Fix: https://wordpress.org/support/topic/parse-error-334 (retrieval of static variables for PHP<5.2 is done differently)

1.0.4

  • 05/27/2015
  • Fix: solved the JS bug that was leading to “works in the upper-left of the image”

1.0.3

  • 05/26/2015
  • Fix: add version number to the css, otherwise the css was taken from the cache from the previous version

1.0.2

  • 05/26/2015
  • Added: “Like this Plugin?” box in the admin
  • Tweak: refactored the “Zoom Settings” page in the admin and added steps

1.0

  • 05/19/2015
  • Initial commit