How to Add Magnifying Zoom for Images in WordPress


How to Add Magnifying Zoom for Images in WordPress
Patsy Lindsey

We recommend using high-quality images for the zoom feature to look great. High-quality images are normally larger in file size and take longer to load which will affect your website speed and performance. To solve this issue, you need to optimize your images for the web before uploading them to WordPress.

WordPress.org
Jennefer Guerin

For applying the zoom on an image on a page/post from within a page builder, you need to add the “zoooom” CSS class to the image. Here are screenshots on how to do this with the most popular page builders:
* Gutenberg – screenshot
* WPBakery (former Visual Composer) – depending on the page builder’s version: 1) screenshot with the “large” or “full” for the Image Size setting. Or 2) screenshot.
* Page Builder by SiteOrigin – screenshot
* Elementor Page Builder – screenshot. It works with all the Image Size options, except Custom.
* Beaver Builder – screenshot
* Divi Builder – screenshot (used by the Divi theme)
* Avia Layout Builder – screenshot (used by the Enfold theme)
The zoom works alright only with Image elements. Unfortunately, trying to apply the zoom on an image gallery will make the zoom work only on the first image of the gallery. With the WP Image Zoom Pro the zoom can also be applied on image galleries.

How to Add Image Zoom in WordPress
Stefanie Katz

Next, you can customize exactly how the zoom works. There are four tabs to look through. They include General, Lens, Zoom Window, and Custom Text. You can alter things like the zoom level, add lens colors, lens size, and much more. It is important to mention that some of these features are only available in the Pro edition of the plugin, but there is still a good number of options in the free version.

WordPress.org
Elisa Rivera

If it isn’t working for you, please refer to the documentation and existing posts on the plugin’s forum. If the existing answers do not address your issue, please post a question on the plugin support forum. If you have problems and leave a negative review before asking for support, that is very unhelpful and actually tells people more about you than about the plugin. Please don’t be that guy.

Magic Zoom + Video for WordPress
Annie Bowen

But what if you what to change how Magic Zoom looks? You can. The Magic Zoom Settings page offers over 20 options. Since our faithful Magic Magnify tool was merged with Magic Zoom, a popluar choice is to change from a zoom window appearing when you hover an image to a magnify effect. Easy enough to do. Again, just takes a few clicks and all your images will be instantly updated.

WordPress.org
Josephine Harrison

For applying the zoom on an image on a page/post from within a page builder, you need to add the «zoooom» CSS class to the image. Here are screenshots on how to do this with the most popular page builders:
* Gutenberg — screenshot
* WPBakery (former Visual Composer) — depending on the page builder’s version: 1) screenshot with the «large» or «full» for the Image Size setting. Or 2) screenshot.
* Page Builder by SiteOrigin — screenshot
* Elementor Page Builder — screenshot. It works with all the Image Size options, except Custom.
* Beaver Builder — screenshot
* Divi Builder — screenshot (used by the Divi theme)
* Avia Layout Builder — screenshot (used by the Enfold theme)
The zoom works alright only with Image elements. Unfortunately, trying to apply the zoom on an image gallery will make the zoom work only on the first image of the gallery. With the WP Image Zoom Pro the zoom can also be applied on image galleries.

Be the first to comment

Leave a Reply

Your email address will not be published.


*