WP Image Zoom - Version 1.37

Version Description

  • 11/05/2019
  • Declare compatibility with WordPress 5.3 and WooCommerce 3.8
  • Tweak: change "Visual Composer" to "WPBakery" in notices and documentation
Download this release

Release Info

Developer diana_burduja
Plugin Icon 128x128 WP Image Zoom
Version 1.37
Comparing to
See all releases

Code changes from version 1.36 to 1.37

Files changed (3) hide show
  1. image-zoooom.php +4 -4
  2. includes/image-zoom-admin-general.php +2 -2
  3. readme.txt +11 -6
image-zoooom.php CHANGED
@@ -3,7 +3,7 @@
3
  * Plugin Name: WP Image Zoom
4
  * Plugin URI: https://wordpress.org/plugins/wp-image-zoooom/
5
  * Description: Add zoom effect over the an image, whether it is an image in a post/page or the featured image of a product in a WooCommerce shop
6
- * Version: 1.36
7
  * Author: SilkyPress
8
  * Author URI: https://www.silkypress.com
9
  * License: GPL2
@@ -12,7 +12,7 @@
12
  * Domain Path: /languages/
13
  *
14
  * WC requires at least: 2.3.0
15
- * WC tested up to: 3.7
16
  */
17
 
18
  if ( ! defined( 'ABSPATH' ) ) {
@@ -27,7 +27,7 @@ if ( ! class_exists( 'ImageZoooom' ) ) :
27
  */
28
  final class ImageZoooom {
29
  public $plugin;
30
- public $version = '1.36';
31
  public $theme = '';
32
  protected static $_instance = null;
33
 
@@ -163,7 +163,7 @@ final class ImageZoooom {
163
  }
164
 
165
  /**
166
- * Add zoom option in the vc_single_image shortcode in Visual Composer
167
  */
168
  function js_composer() {
169
  if ( ! defined( 'WPB_VC_VERSION' ) ) return false;
3
  * Plugin Name: WP Image Zoom
4
  * Plugin URI: https://wordpress.org/plugins/wp-image-zoooom/
5
  * Description: Add zoom effect over the an image, whether it is an image in a post/page or the featured image of a product in a WooCommerce shop
6
+ * Version: 1.37
7
  * Author: SilkyPress
8
  * Author URI: https://www.silkypress.com
9
  * License: GPL2
12
  * Domain Path: /languages/
13
  *
14
  * WC requires at least: 2.3.0
15
+ * WC tested up to: 3.8
16
  */
17
 
18
  if ( ! defined( 'ABSPATH' ) ) {
27
  */
28
  final class ImageZoooom {
29
  public $plugin;
30
+ public $version = '1.37';
31
  public $theme = '';
32
  protected static $_instance = null;
33
 
163
  }
164
 
165
  /**
166
+ * Add zoom option in the vc_single_image shortcode in WPBakery
167
  */
168
  function js_composer() {
169
  if ( ! defined( 'WPB_VC_VERSION' ) ) return false;
includes/image-zoom-admin-general.php CHANGED
@@ -47,13 +47,13 @@ new SilkyPress_PremiumTooltips($message);
47
  </li>
48
  <li>the iLightbox from the <a href="https://www.silkypress.com/i/avada-theme" target="_blank" rel="nofollow">Avada Theme</a></li>
49
  <li>the lightbox created by <a href="https://www.silkypress.com/i/jetpack-carousel" target="_blank" rel="nofollow">Carousel</a> from Jetpack</li>
50
- <li>the <a href="https://www.silkypress.com/i/js-prettyphoto" target="_blank" rel="nofollow">prettyPhoto</a> lightbox (also used by the <a href="https://www.silkypress.com/i/visual-composer" target="_blank" rel="nofollow">Visual Composer</a> gallery)</li>
51
  <li>the <a href="https://www.silkypress.com/i/js-fancybox" target="_blank" rel="nofollow">fancyBox</a> lightbox (also used by the
52
  <a href="https://wordpress.org/plugins/easy-fancybox/" target="_blank" rel="nofollow">Easy Fancybox
53
  </a> or the <a href="https://wordpress.org/plugins/woocommerce-lightbox/" target="_blank" rel="nofollow">WooCommerce LightBox</a> plugin)</li>
54
  <li>the <a href="https://www.silkypress.com/i/js-featherlight" target="_blank" rel="nofollow">Featherlight.js</a> lightbox (also used by <a href="https://www.silkypress.com/i/wp-draw-attention" target="_blank" rel="nofollow">Draw Attention</a> plugin)</li>
55
  <li>the lightbox created by the Ultimate Product Catalogue by Etoile Web Design</li>
56
- <li>the <a href="http://dimsemenov.com/plugins/magnific-popup/" target="_blank" rel="nofollow">Magnific Popup</a> lightbox (also used by <a href="https://www.silkypress.com/i/enfold-theme" target="_blank" rel="nofollow">Enfold</a> portfolio items or by the Divi gallery)</li>
57
  <li>the lightbox from the <a href="https://wordpress.org/plugins/elementor/" target="_blank" rel="nofollow">Elementor</a> Page Builder</li>
58
  <li>the lightbox from the <a href="https://lcweb.it/media-grid/bundle-pack" target="_blank" rel="nofollow">Media Grid - Bundle Pack</a></li>
59
  </ul>
47
  </li>
48
  <li>the iLightbox from the <a href="https://www.silkypress.com/i/avada-theme" target="_blank" rel="nofollow">Avada Theme</a></li>
49
  <li>the lightbox created by <a href="https://www.silkypress.com/i/jetpack-carousel" target="_blank" rel="nofollow">Carousel</a> from Jetpack</li>
50
+ <li>the <a href="https://www.silkypress.com/i/js-prettyphoto" target="_blank" rel="nofollow">prettyPhoto</a> lightbox (also used by the <a href="https://www.silkypress.com/i/visual-composer" target="_blank" rel="nofollow">WPBakery</a> gallery)</li>
51
  <li>the <a href="https://www.silkypress.com/i/js-fancybox" target="_blank" rel="nofollow">fancyBox</a> lightbox (also used by the
52
  <a href="https://wordpress.org/plugins/easy-fancybox/" target="_blank" rel="nofollow">Easy Fancybox
53
  </a> or the <a href="https://wordpress.org/plugins/woocommerce-lightbox/" target="_blank" rel="nofollow">WooCommerce LightBox</a> plugin)</li>
54
  <li>the <a href="https://www.silkypress.com/i/js-featherlight" target="_blank" rel="nofollow">Featherlight.js</a> lightbox (also used by <a href="https://www.silkypress.com/i/wp-draw-attention" target="_blank" rel="nofollow">Draw Attention</a> plugin)</li>
55
  <li>the lightbox created by the Ultimate Product Catalogue by Etoile Web Design</li>
56
+ <li>the <a href="http://dimsemenov.com/plugins/magnific-popup/" target="_blank" rel="nofollow">Magnific Popup</a> lightbox (also used by <a href="https://www.silkypress.com/i/enfold-theme" target="_blank" rel="nofollow">Enfold</a> portfolio items, the Divi gallery or the <a href="https://wordpress.org/plugins/beaver-builder-lite-version/" target="_blank">Beaver Builder</a>)</li>
57
  <li>the lightbox from the <a href="https://wordpress.org/plugins/elementor/" target="_blank" rel="nofollow">Elementor</a> Page Builder</li>
58
  <li>the lightbox from the <a href="https://lcweb.it/media-grid/bundle-pack" target="_blank" rel="nofollow">Media Grid - Bundle Pack</a></li>
59
  </ul>
readme.txt CHANGED
@@ -4,8 +4,8 @@ Contributors: diana_burduja
4
  Email: diana@burduja.eu
5
  Tags: e-commerce, featured image, hover over image zoom, image, image zoom, image zoom plugin, image magnification, image magnifier, jquery picture zoom, magnifier, magnify image, magnifying glass, mouse over image zoom, panorama, picture zoom, product image, product zoom, product magnification, product magnifier, responsive, woocommerce product zoom, woocommerce zoom, woocommerce magnifying glass, zoom, zoom image, zoom plugin, woocommerce image zoom, woocommerce product image zoom, woocommerce zoom magnifier
6
  Requires at least: 3.0.1
7
- Tested up to: 5.2
8
- Stable tag: 1.36
9
  License: GPLv3
10
  License URI: http://www.gnu.org/licenses/gpl-3.0.html
11
  Requires PHP: 5.2.4
@@ -34,7 +34,7 @@ Your visitors will be able to see the beautiful details of your images. This wil
34
  = Using the plugin with a page bulider =
35
  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:
36
  * Gutenberg - [screenshot](https://www.silkypress.com/wp-content/uploads/2018/10/zoom-gutenberg.png)
37
- * WPBakery (former Visual Composer) - depending on the page builder's version: 1) [screenshot](https://www.silkypress.com/wp-content/uploads/2017/05/image-zoom-js_composer.png) with the "large" or "full" for the Image Size setting. Or 2) [screenshot](https://www.silkypress.com/wp-content/uploads/2019/06/wpbakery-zoooom.png).
38
  * Page Builder by SiteOrigin - [screenshot](https://www.silkypress.com/wp-content/uploads/2016/02/zoom-siteorigin.png)
39
  * Elementor Page Builder - [screenshot](https://www.silkypress.com/wp-content/uploads/2016/09/image-zoom-elementor.png). It works with all the Image Size options, except Custom.
40
  * Beaver Builder - [screenshot](https://www.silkypress.com/wp-content/uploads/2017/06/image-zoom-beaver-builder.png)
@@ -103,7 +103,7 @@ This is an effect caused by the WordPres Admin Bar. Try logging out and check th
103
 
104
  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.
105
 
106
- 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 Zoom PRO.
107
 
108
  = How to zoom an image without the button in the editor? =
109
  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).
@@ -146,12 +146,17 @@ Alternatively you can upgrade to the Pro version, as there the zoom lens is buil
146
 
147
  6. WooCommerce product page with the Zoom Window applied on the featured image
148
 
149
- 7. Apply the zoom from Visual Composer, the Single Image element
150
 
151
  8. Apply the zoom from Page Builder by SiteOrigin, the Image Widget
152
 
153
  == Changelog ==
154
 
 
 
 
 
 
155
  = 1.36 =
156
  * 09/07/2019
157
  * Fix: Elementor lightbox skewed if zoom applied on it (https://wordpress.org/support/topic/elementor-lightbox-2/)
@@ -351,7 +356,7 @@ Alternatively you can upgrade to the Pro version, as there the zoom lens is buil
351
  * Feature: Enable the zoom on the WooCommerce category pages
352
  * Fix: replaced the <?= ?> with <?php echo ?> to make it work for PHP < 5.4 and short_open_tag = Off
353
  * Feature: you can tag a div with "zoooom" class in order to apply the zoom
354
- * Feature: compatibility with Visual Composer
355
 
356
  = 1.2.5 =
357
  * 01/19/2016
4
  Email: diana@burduja.eu
5
  Tags: e-commerce, featured image, hover over image zoom, image, image zoom, image zoom plugin, image magnification, image magnifier, jquery picture zoom, magnifier, magnify image, magnifying glass, mouse over image zoom, panorama, picture zoom, product image, product zoom, product magnification, product magnifier, responsive, woocommerce product zoom, woocommerce zoom, woocommerce magnifying glass, zoom, zoom image, zoom plugin, woocommerce image zoom, woocommerce product image zoom, woocommerce zoom magnifier
6
  Requires at least: 3.0.1
7
+ Tested up to: 5.3
8
+ Stable tag: 1.37
9
  License: GPLv3
10
  License URI: http://www.gnu.org/licenses/gpl-3.0.html
11
  Requires PHP: 5.2.4
34
  = Using the plugin with a page bulider =
35
  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:
36
  * Gutenberg - [screenshot](https://www.silkypress.com/wp-content/uploads/2018/10/zoom-gutenberg.png)
37
+ * WPBakery - depending on the page builder's version: 1) [screenshot](https://www.silkypress.com/wp-content/uploads/2017/05/image-zoom-js_composer.png) with the "large" or "full" for the Image Size setting. Or 2) [screenshot](https://www.silkypress.com/wp-content/uploads/2019/06/wpbakery-zoooom.png).
38
  * Page Builder by SiteOrigin - [screenshot](https://www.silkypress.com/wp-content/uploads/2016/02/zoom-siteorigin.png)
39
  * Elementor Page Builder - [screenshot](https://www.silkypress.com/wp-content/uploads/2016/09/image-zoom-elementor.png). It works with all the Image Size options, except Custom.
40
  * Beaver Builder - [screenshot](https://www.silkypress.com/wp-content/uploads/2017/06/image-zoom-beaver-builder.png)
103
 
104
  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.
105
 
106
+ 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.
107
 
108
  = How to zoom an image without the button in the editor? =
109
  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).
146
 
147
  6. WooCommerce product page with the Zoom Window applied on the featured image
148
 
149
+ 7. Apply the zoom from WPBakery, the Single Image element
150
 
151
  8. Apply the zoom from Page Builder by SiteOrigin, the Image Widget
152
 
153
  == Changelog ==
154
 
155
+ = 1.37 =
156
+ * 11/05/2019
157
+ * Declare compatibility with WordPress 5.3 and WooCommerce 3.8
158
+ * Tweak: change "Visual Composer" to "WPBakery" in notices and documentation
159
+
160
  = 1.36 =
161
  * 09/07/2019
162
  * Fix: Elementor lightbox skewed if zoom applied on it (https://wordpress.org/support/topic/elementor-lightbox-2/)
356
  * Feature: Enable the zoom on the WooCommerce category pages
357
  * Fix: replaced the <?= ?> with <?php echo ?> to make it work for PHP < 5.4 and short_open_tag = Off
358
  * Feature: you can tag a div with "zoooom" class in order to apply the zoom
359
+ * Feature: compatibility with WPBakery
360
 
361
  = 1.2.5 =
362
  * 01/19/2016