WooCommerce plugin

Demo frontend Download WooCommerce plugin Download AJAX-ZOOM

In the frontend AJAX-ZOOM plugin for WooCommerce (WordPress) is based on responsive mouseover zoom + optional 360°. In backend there is a possibility for administrators to upload several 360's or import them from zip files or folders, which were previously uploaded e.g. over ftp. Each individual 360° can be configured with separate AJAX-ZOOM settings and attached to all or selected variants. For regular images there are no changes required.

General features

  • Absolutly responsive mouseover area and flyout zoom window
  • Adjustable to fit the size of any responsive elements on the page over smart jQuery like selector
  • Adjustable for fixed or flexible image proportions
  • Permanent or automatic inner zoom depending on resolution and responsive layout
  • Support for WooCommerce images tied to product variations
  • Works great on touch-enabled devices
  • Optional 360°/3D support with (pinch) zoom and full screen view
  • Optional responsive thumbnails slider integration
  • Responsive modal or full screen views on click with AJAX-ZOOM
  • Fast "progressive" loading of high resolution images
  • Instant (on-the-fly) generation of all thumbnails
  • Integrated pinterest button
  • 100+ other options
  • All components adjustable over WooCommerce plugin settings
  • API for developers of all skill levels
  • Continuous development and improvements, technical support

Backend screenshots

Frontend screenshots

Handling regular images

For the regular images there is no need to do anything. You can upload them as always. However for product vatiations there is a possiblity to add any number of images without additional plugins. On default there is not such an option in Woo.

Handling 360°/3D

To add 360° images simply edit an product. There you find the ""AJAX-ZOOM 360" tab with following possibilities.

  • Define one ore more 360° spins for the product.
  • Upload 360° images right from the backend or
  • Select a zip file which contains images for a 360° set to import. On default these zip files have to be uploaded in '/js/axzoom/zip/' directory and can be removed after import.
  • After importing or uploading the images manually you will be able to make some adjustments for this particular 360°, e.g. change rotation speed and many other options available for AJAX-ZOOM.
  • Preview 360° in Fancybox before publishing.
  • Activate / deactivate 360° view.
  • Select combinations, e.g. color and size for which a 360° view should be shown. You can add more than one 360° view for a product.
  • Create a 360° "Product Tour" with descriptions, videos... No programming knowledge is required.

Requirements

  • PHP 5.2+
  • Free Ioncube loaders or Sourceguardian loaders installed on the server
  • ZIP
  • allow_url_fopen enabled (for instantly downloading AJAX-ZOOM main application and placing it in "/wp-content/plugins/ajaxzoom/axZm" directoy. If allow_url_fopen is disabled you will have to do it manually, please see "Troubleshooting" section on this page.)

Installing

  1. Make sure the free Ioncube loaders are installed on the server
  2. Switch to Plugins and click on "Add New".
  3. Select "Upload Plugin" and upload plugin_woocommerce_ajaxzoom.zip
  4. Click "Install Now" and then "Activate Plugin" when ready.
  5. The activation might take some time as the plugin will try to download AJAX-ZOOM main scripts instantly. If that fails for some reason download AJAX-ZOOM manually and upload /axZm directory into /wp-content/plugins/ajaxzoom/

Troubleshooting

AJAX-ZOOM has not been downloaded instantly

Please see installation steps above. Upload AJAX-ZOOM main scripts manually.

AJAX-ZOOM does not work in a different Template / Theme

Please read if AJAX-ZOOM does work in default theme but does not work with a third party template...

The dynamic output in frontend template is registered over
add_action( 'woocommerce_product_thumbnails', array( 'ajaxzoom', 'show' ))

Accordingly the output must be triggered in frontend template by
do_action( 'woocommerce_product_thumbnails' );

If this do_action function is not present / missing, then there will be no output and AJAX-ZOOM cannot be visible. We are working on an universal solution for the problem; the bullet proof solution would be however to find the product deltail page template and place the trigger function for that hook
do_action( 'woocommerce_product_thumbnails' );

instead or besides e.g.
do_action( 'woocommerce_before_single_product_summary_product_images' );

Try it at different places inside the html structure if AJAX-ZOOM shows but does not show correctly. If you need assistence, please contact our support.

Update: we have added the output to woocommerce_after_single_product action, so in case woocommerce_product_thumbnails is not available in the template, it will fall back to woocommerce_after_single_product. However the above is still valid, if you do not see any visual AJAX-ZOOM output in frontend, please check the availability of these hooks in your template.

Other

If you encounter any other troubles please report / contact our support. We will fix and document it with highest priority.

Changelog

Ver. 1.0.6
2016-09-05
Added missing DB table for individual deactivation.
Ver. 1.0.5
2016-09-04
Some improvements.
Ver. 1.0.4
2016-08-14
Added new hotspots editor.
Ver. 1.0.3
2016-06-08
Fixed bugs creating db table for variants images. Fixed 360 uploding problems on "localhost".
Ver. 1.0.2
2016-05-24
Several improvements and speed optimizations.
Ver. 1.0.1
2016-05-12
Added a tab where you can upload unlimited images for product variations. WooCommerce supports only one on default without additional plugins.
Ver. 1.0.0
2016-05-04
WooCommerce plugin released.

Comments (0)

Leave a Comment

Name (required):
Email (required):
Website:
Your comment (no html):
Looking for a place to add a personal image? Visit www.gravatar.com to get Your own gravatar, a globally-recognized avatar. After you're all setup, Your personal image will be attached every time you comment.