Linux 软件免费装
Banner图

WP Image Zoom

开发者 diana_burduja
更新时间 2024年3月30日 18:50
PHP版本: 5.2.4 及以上
WordPress版本: 6.5
版权: GPLv3
版权网址: 版权信息

标签

image responsive panorama e-commerce featured image zoom image magnifier woocommerce zoom zoom plugin magnifier image zoom image zoom plugin image magnification jquery picture zoom magnify image magnifying glass mouse over image zoom picture zoom product image product zoom product magnification product magnifier woocommerce product zoom woocommerce magnifying glass zoom image woocommerce image zoom woocommerce product image zoom woocommerce zoom magnifier hover over image zoom

下载

1.50 1.51 1.52 1.52.1 1.21 1.0.5 1.0.6 1.0.7 1.0.8 1.1.2 1.1.3 1.1.4 1.10 1.11 1.12 1.13 1.14 1.15 1.16 1.18 1.19 1.2.1 1.2.2 1.2.3 1.2.4 1.2.5 1.2.6 1.2.7 1.22 1.23 1.24 1.25 1.26 1.27 1.28 1.29 1.3.0 1.30 1.31 1.32.1 1.34 1.35 1.36 1.37 1.39 1.39.1 1.39.2 1.4 1.40 1.41 1.41.1 1.42 1.43 1.45.1 1.46 1.47 1.5 1.7 1.8 1.9 1.0.1 1.0.2 1.0.9 1.1.0 1.1.1 1.17 1.32 1.33 1.45 1.47.1 1.48 1.49 1.0.3 1.3.1 1.38 1.40.1 1.54 1.2.8 1.2.9 1.20 1.53 1.55 1.56 1.0.4 1.44

详情介绍:

Awesome image zoom for images in posts/pages and for WooCommerce products WP Image Zoom is a robust, modern and very configurable image zoom plugin. It allows you to easily create a magnifying glass on your images, all from a very intuitive WP admin interface. Your visitors will be able to see the beautiful details of your images. This will improve your users' experience and hopefully also your revenue. [youtube https://www.youtube.com/watch?v=JSkcItXaZK4] Features Using the plugin with a page bulider 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: Why should you upgrade to WP Image Zoom Pro? 笔记

安装:

OR... OR...

屏幕截图:

  • 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 WPBakery, the Single Image element
  • Apply the zoom from Page Builder by SiteOrigin, the Image Widget

常见问题:

Does it work with caching plugins ?

是的

The zoom will show up only on the first image on my WooCommerce gallery

The zoom should work fine with all the images on the default WooCommerce gallery, but some themes replace entirely the gallery with a Owl Carousel or a another gallery/carousel/slider. Note that this plugin doesn't change the gallery, it only tries to add a zoom to the present gallery and we cannot guarantee compatibility with each gallery/carousel/slider implementation out there.

It displays 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 Zoom 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 WPBakery. If you want to keep the animation effect and still have the zoom, I recommend you upgrade to the WP Image Zoom 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. We 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

  • When both the Black Studio TinyMCE Widget and the "Site Builder by SiteOrigin" plugins are installed on the website, then the WP Image Zoom button doesn't show up in the Edit Post and Edit Page editor. But you can still apply the zoom if you manage to add the "zoooom" CSS class to the image.
  • 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.

荣誉榜

更新日志:

1.56 2024-03-29 1.55 2023-12-19 1.54 2023-11-14 1.53 2023-05-17 1.52 2022-11-16