Opencart module

Demo frontend 2.0 Demo frontend 1.5

In the frontend AJAX-ZOOM module for Opencart 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.

For regular images there are no changes required.

Compatibility

1.5.x, 2.0.x, 2.1.x, 2.2.x, (2.3 not ready)

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
  • 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 Opencart 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.

Handling 360°/3D

To add 360° images go to 'Catalog' -> 'AJAX-ZOOM' panel and select a product. There you will be able to:

  • 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. These zip files must be uploaded in '/modules/ajaxzoom/zip/' directory and can be removed later.
  • 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.

Requirements

  • PHP 5.2+
  • Opencart Ver. 1.5 or later.
  • Free Ioncube loaders or Sourceguardian loaders installed on the server
  • VQMOD is needed only for Opencart ver. 1.5.x , see https://github.com/vqmod/vqmod
  • ZIP
  • allow_url_fopen enabled (for instantly downloading AJAX-ZOOM main application and placing it in "/ajaxzoom/axZm" directoy. If allow_url_fopen is disabled you will have to do it manually, please see "Troubleshooting" section on this page.)

Installing Opencart Ver. 1.5.x

  1. Make sure VQMOD is installed!
  2. Unpack the ZIP file for Opencart Ver. 1.5.x and upload everything into root of your store."
  3. You can manually download AJAX-ZOOM and upload the content of "/axZm" folder into "/ajaxzoom/axZm" now or let the installer make it instantly for you later.
  4. Make sure that "/ajaxzoom", "/ajaxzoom/pic" and "/ajaxzoom/zip" are writable by PHP (e.g. chmod 0775). Best make it 0777 first.
  5. Now AJAX-ZOOM should be visible in Extensions > Mudules. Install the module now.
  6. After installation please check that there is "/ajaxzoom/axZm" folder and that it is not empty. If not please see troublehooting.

Installing Opencart Ver. 2.x

  1. Upload the extension ZIP for Opencart 2.x over Extension -> Extension Installer in the Backend of your shop installation.
  2. In Extension > Modifications press the blue button "refresh" at top of the page.
  3. Make sure that "/ajaxzoom", "/ajaxzoom/pic" and "/ajaxzoom/zip" are writable by PHP (e.g. chmod 0775). Best make it 0777 first!
  4. Install the Module in Extension > Modules now.
  5. After installation please check that there is "/ajaxzoom/axZm" folder and that it is not empty. If not please see troublehooting.

Troubleshooting

General

During installation the installer downloads AJAX-ZOOM instantly. In some cases, e.g. 'allow_url_fopen' is disabled or time out occurs, the process can fail without notice. Please check that the folder /ajaxzoom/axZm exists and it is not empty. If it does not exist or it is empty please download AJAX-ZOOM from our page and extract axZm folder into /ajaxzoom/axZm manually.

Templates

The hook system in Opencart ist quite error prone. Especially if you change the frontend template or install new theme, this search in VQMOD / OCMOD might not find the requested string to put the code before or after.

 	
<file path="catalog/view/theme/*/template/product/product.tpl">
	<operation>
		<search><![CDATA[
			<?php if ($thumb || $images) { ?>
		]]></search>
		<add position="before"><![CDATA[
			<?php echo $ajaxzoom; ?>
			]]></add>
	</operation>
</file>
 	
 	
This results in AJAX-ZOOM not showing at all on product detail page. In this case you should adjust the "Search" statements manually.

Mouseover image does not show any more (sometimes)

In former module versions the "Pinterest" button was activated on default. Unfortunately the JavaScript for this Pinterest button was loaded from external source. Now this JavaScript was changed by Pinterest and it does produce JavaScript errors now, which might lead to mouseover images not loading properly. Please go to Backend of the Module and deactivate the Pinterest button!!! We will reimplement the integration without relying on external script from Pinterest as next.

Other

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

Download

Download Modul for Opencart 1.5.x Download Module for Opencart 2.0.0 - 2.2.0 Download Module for Opencart 2.3.0 - x.x.x Download AJAX-ZOOM

There is no need to order AJAX-ZOOM before you have successfully installed and tested it!

Changelog

Ver. 2.1.1
2016-10-28
Small fix in install.xml
Ver. 2.1
2016-07-14
Added hotspot editor. Updated 360 product tour editor. Few other fixes.
Ver. 2.0
2016-06-17
Added support for Opencart Version 2.2.0.0; corrected some bugs which caused notices / warnings. Tested again Opencart Versions 1.5 - 2.2
Ver. 1.2
2016-06-14
Added 360 degree "Product Tour" and made some other improvements.
Ver. 1.1
2016-05-05
Fixed database table prefix issue
Ver. 1.0.0
2016-01-20
Opencart module released

Comments (2)

Vadim Jacobi
2016-10-21 01:18:36
Vadim Jacobi
As of today, the module does not support Opencart 2.3. We are working on this issue.
Luciano
2016-10-21 00:51:45
Luciano
After installing the extension, it seems that everything went well, but when I try to edit and save, I get the message

"You do not have permission to access this page, please refer to your system administrator."

I've added all the permissions the user group Administrator in System > Users > User Group > Administrator

Can you help me?

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.