woocommerce product image not zoom

Questo plugin non è stato testato con le ultime 3 versioni principali (major releases) di WordPress. Potrebbe non essere più mantenuto, o supportato, e potrebbe presentare problemi di compatibilità se utilizzato con versioni più recenti di WordPress.

ZWoom – WooCommerce Product Image Zoom

Descrizione

ZWoom – WooCommerce Product Image Zoom helps your WooCommerce store visitors seamlessly zoom in to a single product image. Zwoom supports only simple products for now.

The Problem

Many store visitors are interested in zooming into a product image, to notice the finer details. WooCommerce handles this by displaying a zoomed version of the product image in a fancybox/lightbox, each time a product image or thumbnail is clicked. While this solves the purpose, it is cumbersome for visitors because they have to toggle between the fancybox and the product page to infer details about the product such as price, features, shipping details, etc.

Some WooCommerce websites address this issue partially by displaying a secondary zoomed image box when a visitor hovers over a product image.

We also noticed that some plugins/sites have addressed the issue partially, in the form of creating a secondary image zoom box when you hover over the product image. But the issue with this approach is that the zoomed image box overlaps important product details, or the “Add to Cart” functionality.

So, at WisdmLabs, we decided to address all these issues which culminated into this awesome plugin!

How Zwoom solves the problem?

Zwoom displays the zoomed version of the image in its own image box on hover, thus eliminating any overlay issues. It also adds a slider for secondary product images, instead of the multiple rows of images which appear by default. If any of these secondary images are clicked, we load the image in primary image box, rather than directly opening the fancybox (which is the default functionality).

When an image in the primary image box is clicked, the fancybox pop-up is shown to visitors, allowing them to browse all product images.

How to set the Zoom Level?

Upon installing and activating the plugin, you will be able to see an additional option in the WooCommerce Catalog Page within WooCommerce settings. The new option will allow you to set the ‘Zoom Level’ and is present just below the set width and height options for a Single Product Image.

Please note, the current version of Zwoom is compatible only with WooCommerce 2.4 and above.

To see this plugin in action, please visit the live demo here:

Screenshot (schermate di esempio)

  • ZWoom settings page

Installazione

How to install ‘ZWoom

Method 1 -Installing from the WordPress:

  1. From Dashboard, locate the ‘Plugins’ tab. Select ‘Add New’ under this tab.
  2. Search for the term Zwoom – Woocommerce Product Image Zoom
  3. Select for the Zwoom – Woocommerce Product Image Zoom on the Results page and click ‘Install Now’ button under it.
  4. After the installation completes, click ‘Activate Plugin’.

Method 2- Installing Manually :

  1. Download the ‘zwoom-woocommerce-product-image-zoom-extension-by-wisdmlabs.zip’file.
  2. After downloading, go to your WordPress dashboard.
  3. From the Dashboard, locate ‘Plugins’. Select ‘Add New’ under Plugin tab.
  4. On that page, click on the ‘Upload’ Tab.
  5. It would open a new window. On that window, click ‘Browse’ button and locate ‘zwoom-woocommerce-product-image-zoom-extension-by-wisdmlabs.zip’. After locating the file, select it and click ‘Open’ button and then press ‘Install now’.
  6. It might ask you for the FTP details before uploading. Kindly, fill those fields and install the plugin.
  7. After the installation completes, click ‘Activate Plugin’.

To set a zoom level, go to Woocommerce Settings -> Catalog. On that page, there will be an option named ‘Zoom Level’ just below the option which allows you to set width and height for Single Product Image.

How can I give my feedback about this plugin?

If you like our plugin and it does help your visitors, please click on the Donate button and donate as per your desire. If you have any suggestions or queries, please feel free to write us from the “form” available in the settings page.

Dieses Plugin ist nicht mit den jüngsten 3 Hauptversionen von WordPress getestet worden. Es wird möglicherweise nicht mehr gewartet oder unterstützt und kann Kompatibilitätsprobleme haben, wenn es mit neueren Versionen von WordPress verwendet wird.

ZWoom – WooCommerce Product Image Zoom

Beschreibung

ZWoom – WooCommerce Product Image Zoom helps your WooCommerce store visitors seamlessly zoom in to a single product image. Zwoom supports only simple products for now.

The Problem

Many store visitors are interested in zooming into a product image, to notice the finer details. WooCommerce handles this by displaying a zoomed version of the product image in a fancybox/lightbox, each time a product image or thumbnail is clicked. While this solves the purpose, it is cumbersome for visitors because they have to toggle between the fancybox and the product page to infer details about the product such as price, features, shipping details, etc.

Some WooCommerce websites address this issue partially by displaying a secondary zoomed image box when a visitor hovers over a product image.

We also noticed that some plugins/sites have addressed the issue partially, in the form of creating a secondary image zoom box when you hover over the product image. But the issue with this approach is that the zoomed image box overlaps important product details, or the „Add to Cart“ functionality.

So, at WisdmLabs, we decided to address all these issues which culminated into this awesome plugin!

How Zwoom solves the problem?

Zwoom displays the zoomed version of the image in its own image box on hover, thus eliminating any overlay issues. It also adds a slider for secondary product images, instead of the multiple rows of images which appear by default. If any of these secondary images are clicked, we load the image in primary image box, rather than directly opening the fancybox (which is the default functionality).

When an image in the primary image box is clicked, the fancybox pop-up is shown to visitors, allowing them to browse all product images.

How to set the Zoom Level?

Upon installing and activating the plugin, you will be able to see an additional option in the WooCommerce Catalog Page within WooCommerce settings. The new option will allow you to set the ‚Zoom Level‘ and is present just below the set width and height options for a Single Product Image.

Please note, the current version of Zwoom is compatible only with WooCommerce 2.4 and above.

To see this plugin in action, please visit the live demo here:

Screenshots

  • ZWoom settings page

Installation

How to install ‚ZWoom

Method 1 -Installing from the WordPress:

  1. From Dashboard, locate the ‚Plugins‘ tab. Select ‚Add New‘ under this tab.
  2. Search for the term Zwoom – Woocommerce Product Image Zoom
  3. Select for the Zwoom – Woocommerce Product Image Zoom on the Results page and click ‚Install Now‘ button under it.
  4. After the installation completes, click ‚Activate Plugin‘.

Method 2- Installing Manually :

  1. Download the ‚zwoom-woocommerce-product-image-zoom-extension-by-wisdmlabs.zip’file.
  2. After downloading, go to your WordPress dashboard.
  3. From the Dashboard, locate ‚Plugins‘. Select ‚Add New‘ under Plugin tab.
  4. On that page, click on the ‚Upload‘ Tab.
  5. It would open a new window. On that window, click ‚Browse‘ button and locate ‚zwoom-woocommerce-product-image-zoom-extension-by-wisdmlabs.zip‘. After locating the file, select it and click ‚Open‘ button and then press ‚Install now‘.
  6. It might ask you for the FTP details before uploading. Kindly, fill those fields and install the plugin.
  7. After the installation completes, click ‚Activate Plugin‘.

To set a zoom level, go to Woocommerce Settings -> Catalog. On that page, there will be an option named ‚Zoom Level‘ just below the option which allows you to set width and height for Single Product Image.

How can I give my feedback about this plugin?

If you like our plugin and it does help your visitors, please click on the Donate button and donate as per your desire. If you have any suggestions or queries, please feel free to write us from the „form“ available in the settings page.

Leave a Reply

Your email address will not be published. Required fields are marked *