WP Image Zoom - Version 1.48

Version Description

  • 10/14/2021
  • Feature: support select-themes.com which add a wrapper on top of the page
  • Fix: the zoom was making it hard to select the image element in Beaver and Brizy page builders
  • Fix: the zoom couldn't be applied with the Classic Editor if the Storefront theme was enabled
Download this release

Release Info

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

Code changes from version 1.47.1 to 1.48

assets/css/editor-style.css ADDED
@@ -0,0 +1 @@
 
1
+ img{display: inline-block !important;}
assets/js/image_zoom-init.js CHANGED
@@ -19,6 +19,7 @@ jQuery(document).ready(function( $ ){
19
 
20
  // Is this an Elementor editor iframe.
21
  if ( $('body.elementor-editor-active').length > 0
 
22
  || url.indexOf('vc_action=vc_inline') > 0
23
  || url.indexOf('vc_editable=true') > 0
24
  || url.indexOf('et_fb=') > 0 ) {
19
 
20
  // Is this an Elementor editor iframe.
21
  if ( $('body.elementor-editor-active').length > 0
22
+ || $('body.fl-builder').length > 0
23
  || url.indexOf('vc_action=vc_inline') > 0
24
  || url.indexOf('vc_editable=true') > 0
25
  || url.indexOf('et_fb=') > 0 ) {
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.47.1
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: 3.0.0
15
- * WC tested up to: 5.6
16
  */
17
 
18
  if ( ! defined( 'ABSPATH' ) ) {
@@ -26,7 +26,7 @@ if ( ! class_exists( 'ImageZoooom' ) ) :
26
  * @class ImageZoooom
27
  */
28
  final class ImageZoooom {
29
- public $version = '1.47.1';
30
  public $theme = '';
31
  protected static $_instance = null;
32
 
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.48
7
  * Author: SilkyPress
8
  * Author URI: https://www.silkypress.com
9
  * License: GPL2
12
  * Domain Path: /languages/
13
  *
14
  * WC requires at least: 3.0.0
15
+ * WC tested up to: 5.9
16
  */
17
 
18
  if ( ! defined( 'ABSPATH' ) ) {
26
  * @class ImageZoooom
27
  */
28
  final class ImageZoooom {
29
+ public $version = '1.48';
30
  public $theme = '';
31
  protected static $_instance = null;
32
 
includes/class-iz-compatibilities.php CHANGED
@@ -32,7 +32,7 @@ class IZ_Compatibilities {
32
  $opt = get_option( 'zoooom_general' );
33
  $opt['enable_woocommerce'] = isset( $opt['enable_woocommerce'] ) ? $opt['enable_woocommerce'] : true;
34
 
35
- $style = '';
36
 
37
  // These themes add a wrapper on the whole page with index higher than the zoom.
38
  $wrapper_themes = array(
@@ -42,7 +42,7 @@ class IZ_Compatibilities {
42
  ),
43
  array(
44
  'rule' => '.qodef-wrapper { z-index: 200 !important; }',
45
- 'themes' => array( 'kloe', 'startit', 'kudos', 'moments', 'ayro', 'suprema', 'ultima', 'geko', 'target', 'coney', 'aton', 'ukiyo', 'zenit', 'mixtape', 'scribbler', 'alecta', 'cityrama', 'bazaar' ),
46
  ),
47
  array(
48
  'rule' => '.edgtf-wrapper { z-index: 40 !important; }',
@@ -152,6 +152,14 @@ class IZ_Compatibilities {
152
  $style .= 'body.et_pb_pagebuilder_layout.et-fb .zoooom::before' . $zoom_class_in_editor;
153
  }
154
 
 
 
 
 
 
 
 
 
155
  $type = current_theme_supports( 'html5', 'style' ) ? '' : ' type="text/css"';
156
  if ( ! empty( $style ) ) {
157
  echo '<style' . $type . '>' . $style . '</style>'; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
@@ -186,11 +194,15 @@ class IZ_Compatibilities {
186
  remove_filter( 'woocommerce_single_product_image_thumbnail_html', 'avia_woocommerce_gallery_thumbnail_description', 10, 4 );
187
  }
188
 
189
-
190
  // Disable the Lazy Loading functionality for the LiteSpeed Cache plugin.
191
  if ( defined( 'LSWCP_PLUGIN_URL' ) ) {
192
  do_action( 'litespeed_conf_force', 'media-lazy', false );
193
  }
 
 
 
 
 
194
  }
195
 
196
 
32
  $opt = get_option( 'zoooom_general' );
33
  $opt['enable_woocommerce'] = isset( $opt['enable_woocommerce'] ) ? $opt['enable_woocommerce'] : true;
34
 
35
+ $style = 'img.zoooom,.zoooom img{padding:0!important;}';
36
 
37
  // These themes add a wrapper on the whole page with index higher than the zoom.
38
  $wrapper_themes = array(
42
  ),
43
  array(
44
  'rule' => '.qodef-wrapper { z-index: 200 !important; }',
45
+ 'themes' => array( 'kloe', 'startit', 'kudos', 'moments', 'ayro', 'suprema', 'ultima', 'geko', 'target', 'coney', 'aton', 'ukiyo', 'zenit', 'mixtape', 'scribbler', 'alecta', 'cityrama', 'bazaar', 'getaway', 'mizu', 'aoki', 'maggz', 'blush', 'synergia', 'vardo', 'ebullient', 'succulents', 'prowess', 'eiddo', 'ophelie', 'tonda', 'iver', 'peggi', 'arredo', 'dessau', 'wellexpo', 'bazz', 'maribel', 'byanca', 'blomma', 'setsail', 'sekko', 'brunn', 'aarhus', 'softwerk', 'diefinnhutte', 'arrosa', 'xtrail', 'cevian', 'sagen', 'nille', 'mildhill', 'fey', 'donpeppe', 'booth', 'struktur', 'waveride', 'querida' ),
46
  ),
47
  array(
48
  'rule' => '.edgtf-wrapper { z-index: 40 !important; }',
152
  $style .= 'body.et_pb_pagebuilder_layout.et-fb .zoooom::before' . $zoom_class_in_editor;
153
  }
154
 
155
+ if ( defined( 'FL_BUILDER_VERSION' ) ) {
156
+ $style .= 'body.fl-builder .zoooom::before' . $zoom_class_in_editor;
157
+ }
158
+
159
+ if ( defined( 'BRIZY_VERSION' ) ) {
160
+ $style .= 'body.brz-ed .zoooom::before' . $zoom_class_in_editor;
161
+ }
162
+
163
  $type = current_theme_supports( 'html5', 'style' ) ? '' : ' type="text/css"';
164
  if ( ! empty( $style ) ) {
165
  echo '<style' . $type . '>' . $style . '</style>'; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
194
  remove_filter( 'woocommerce_single_product_image_thumbnail_html', 'avia_woocommerce_gallery_thumbnail_description', 10, 4 );
195
  }
196
 
 
197
  // Disable the Lazy Loading functionality for the LiteSpeed Cache plugin.
198
  if ( defined( 'LSWCP_PLUGIN_URL' ) ) {
199
  do_action( 'litespeed_conf_force', 'media-lazy', false );
200
  }
201
+
202
+ // The Storefront theme adds "img{display:block}" CSS rule to the editor, so the Classic Editor sees no content selected in the editor.selection.getContent().
203
+ if ( strpos( $theme, 'storefront' ) !== false ) {
204
+ add_editor_style( array( IMAGE_ZOOM_URL . 'assets/css/editor-style.css' ) );
205
+ }
206
  }
207
 
208
 
includes/template-general.php CHANGED
@@ -30,7 +30,6 @@ $brand = vsprintf(
30
  <div id="supported-lightboxes" style="display:none;">
31
  <p>The zoom is compatible with:
32
  <ul style="list-style: inside; padding-left: 20px;">
33
- <li>the lightbox created by the <a href="https://www.silkypress.com/i/wp-huge-it-gallery" target="_blank" rel="nofollow">Huge IT Gallery</a> plugin</li>
34
  <li>the lightbox created by the <a href="https://www.silkypress.com/i/wp-photo-gallery" target="_blank" rel="nofollow">Photo Gallery</a> plugin</li>
35
  <li>the iLightbox from the <a href="https://www.silkypress.com/i/avada-theme" target="_blank" rel="nofollow">Avada Theme</a></li>
36
  <li>the lightbox created by <a href="https://www.silkypress.com/i/jetpack-carousel" target="_blank" rel="nofollow">Carousel</a> from Jetpack</li>
@@ -40,7 +39,6 @@ $brand = vsprintf(
40
  <li>the lightbox created by the Ultimate Product Catalogue by Etoile Web Design</li>
41
  <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>
42
  <li>the lightbox from the <a href="https://wordpress.org/plugins/elementor/" target="_blank" rel="nofollow">Elementor</a> Page Builder</li>
43
- <li>the lightbox from the <a href="https://lcweb.it/media-grid/bundle-pack" target="_blank" rel="nofollow">Media Grid - Bundle Pack</a></li>
44
  </ul>
45
  </p>
46
  </div>
30
  <div id="supported-lightboxes" style="display:none;">
31
  <p>The zoom is compatible with:
32
  <ul style="list-style: inside; padding-left: 20px;">
 
33
  <li>the lightbox created by the <a href="https://www.silkypress.com/i/wp-photo-gallery" target="_blank" rel="nofollow">Photo Gallery</a> plugin</li>
34
  <li>the iLightbox from the <a href="https://www.silkypress.com/i/avada-theme" target="_blank" rel="nofollow">Avada Theme</a></li>
35
  <li>the lightbox created by <a href="https://www.silkypress.com/i/jetpack-carousel" target="_blank" rel="nofollow">Carousel</a> from Jetpack</li>
39
  <li>the lightbox created by the Ultimate Product Catalogue by Etoile Web Design</li>
40
  <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>
41
  <li>the lightbox from the <a href="https://wordpress.org/plugins/elementor/" target="_blank" rel="nofollow">Elementor</a> Page Builder</li>
 
42
  </ul>
43
  </p>
44
  </div>
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.8
8
- Stable tag: 1.47.1
9
  License: GPLv3
10
  License URI: http://www.gnu.org/licenses/gpl-3.0.html
11
  Requires PHP: 5.2.4
@@ -155,6 +155,12 @@ Alternatively you can upgrade to the Pro version, as there the zoom lens is buil
155
 
156
  == Changelog ==
157
 
 
 
 
 
 
 
158
  = 1.47.1 =
159
  * 06/21/2021
160
  * Fix: check $_GET variables against an array of allowed values
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.9
8
+ Stable tag: 1.48
9
  License: GPLv3
10
  License URI: http://www.gnu.org/licenses/gpl-3.0.html
11
  Requires PHP: 5.2.4
155
 
156
  == Changelog ==
157
 
158
+ = 1.48 =
159
+ * 10/14/2021
160
+ * Feature: support select-themes.com which add a wrapper on top of the page
161
+ * Fix: the zoom was making it hard to select the image element in Beaver and Brizy page builders
162
+ * Fix: the zoom couldn't be applied with the Classic Editor if the Storefront theme was enabled
163
+
164
  = 1.47.1 =
165
  * 06/21/2021
166
  * Fix: check $_GET variables against an array of allowed values