AJAX-ZOOM Extension für Magento

Allgemeine Merkmale

• Absolut responsive Mouseover-Bereich und Zoom-Fenster
• Zoom-Fenster Größe einstellbar um sich anderen responsiven Elementen anzupassen
• Optimal einstellbar für variierende und fixe Bildproportionen
• Permanentes oder automatisches Inner-Zoom abhängig von Auflösung und responsiven Design
• Unterstützung für Magento eigenem "color swatch" system (kann für andere color swatch module in media.phtml angepasst werden)
• Funktioniert bestens auf mobilen Geräten
• Optionale unterstützung für 360°/3D Objekte mit Pinch-Zoom und Vollbild Ansicht
• Inclusive optionalen Slider für Miniaturansichten (Thumbnails)
• Responsive Modale oder Vollbild Ansichten beim Klick mit AJAX-ZOOM
• Schnelles "progressives" Laden der Hochauflösenden Bilder
• Automatische Erstellung aller notwenigen Bildkacheln und weiteren Bildern
• 100+ weitere Optionen
• Alle Komponente können über das Magento Module Konfigurationsmenü angepasst werden
• API für Entwickler
• Kontinuierlich Produktentwicklung und technischer Support

Backend Screenshots

Backend: 360 Grad interactive "Produkt Tour"

Backend: Hotspots

Frontend Screenshots

Frontend: 360 Grad interactive "Produkt Tour"

Handhabung regulärer Bilder

Bei der Handhabung regilärer Bilder ergeben sich keine Änderungen. Man kann sie wie immer einfach über das Backend hochladen.

Handhabung der 360°/3D

Um 360°/3D zu einem Produkt hinzuzufügen, wählen Sie zunächst im Menü 'Catalog' -> 'Manage Products' ein Produkt zum editieren aus. Wenn es sich um "configurable product" handelt, dann können 360 direct dort definiert werden und später einzelnen "simple products" zugeordnet werden. Jedenfalls, wenn das Modul installiert ist sollte AJAX-ZOOM tab unabhängig von Produkttyp vorhanden sein, wo sie u.A. folgendes machen können:

• Eins oder mehrere 360° für ein Produkt einrichten.
• Direkt aus dem Backend 360° Bilder hochladen oder
• ine ZIP Datei mit 360° Bildern auswählen, welche zuvor auf den server hochgeladen wurde. Diese ZIP Dateien müssen ins '/js/axzoom/zip/' hochgeladen werden und können nach dem Import wieder gelöscht werden.
• Nach dem Importieren oder hochladen der 360 grad Bilder ist es möglich individuelle Einstellungen vorzunehmen, beispielsweise die Rotationsgeschwindigkeit anpassen sowie viele andere optionen, die AJAX-ZOOM beinhaltet, für Ihr 360 ändern.
• Voransicht der 360° Objekte in einer Fancybox starten.
• Einzelne 360 aktivieren / deaktivieren
• 360° Objekte einzelnen "configurable products" zuweisen.
• Eine 360° Grad "Product Tour" mit Beschreibungen, Videos etc. kreieren. Keine Programmierkenntnisse notwendig.

Requirements

• PHP 5.2+ (same as recent Magento versions)
• Ioncube Loader (kostenlose PHP Extension)
• ZIP
• allow_url_fopen enabled (für automatisches downloaden von AJAX-ZOOM und entpacken nach "/js/axzoom/axZm". Sollte allow_url_fopen deaktiviert sein, dann müssen Sie diesen Schritt manuell durchführen. Dazu schauen Sie bitte unter "Störungsbeseitigung" auf dieser Seite.)

Installation

Magento Connect

1. Wechseln Sie zu System -> Magento Connect -> Magento Connect Manager und loggen sich ein
2. Modul (package file) hochladen...
3. Bitte beachten Sie, dass wenn AJAX-ZOOM Modul einst deinstalliert wurde und Sie es erneut installieren wollen, dann muss DELETE FROM `core_resource` WHERE `code` = 'axzoom_setup' ausgeführt werden. Sonst wird der installer den notwendigen Code nicht ausführen können.
4. Alle Einstellungen finden Sie in System > Configuration -> AJAX-ZOOM

Manuelle Installation

1. Gehen Sie sicher dass die Server und Magento Voraussetzungen getroffen sind
2. Download AJAX-ZOOM Extension für Magento, entpacken Sie die Datei AJAX_ZOOM-x.x.x.tgz unter Einbehaltung der Verzeichnis Struktur und laden Sie die Dateien ins Magento Root
3. Abhängig von den Rechten/Besitzer ist es Ratsam den chmod zunächst auf 777 oder ähnlich zu setzen, und zwar für die Verzeichnisse "/js/axzoom/pic" und "js/axzoom/tmp".
4. Cache sollte einmal unter System -> Cache Management gelöscht werden ('Flush Magento Cache' und 'Flush Cache Storage')
5. Logout/login ausführen
6. Alle Einstellungen finden Sie in System -> Configuration -> AJAX-ZOOM

Extension deaktivieren

Öffnen Sie die Datei /app/etc/modules/Ax_Zoom.xml und setzen <active>false</active>

Störungsbeseitigung

Mouseover Bilder werden nicht mehr richtig angezeigt

In früheren Versionen war der "Pinterest" Button standardmäßig aktiviert. Der JavaScript von dem Pinterest Button wird extern geladen. Nun hat sich dieser anscheinend geändert und produziert JavaScript Fehler, was dazu führen kann, dass Mouseover nicht mehr richtig funktioniert. Bitte deaktivieren Sie im Backend Bereich den Pinterest Button!!! Wir werden demnächst Ihn ohne Einbeziehung von externen Skripten neu implementieren.

Generell

Während der Installation wird AJAX-ZOOM automatisch heruntergeladen. In einigen Fällen, z.B. wegen deaktivierten 'allow_url_fopen' oder wegen eines Timeouts, kann dieser Prozess ohne Notiz scheitern. Bitte prüfen Sie nach der Installation ob das Verzeichnis /js/axzoom/axZm existiert und nicht leer ist. Sollte dies bei Ihnen vorgekommen sein, dann laden Sie bitte AJAX-ZOOM von unserer Seite und extradieren nur das Verzeichnis /axZm in /js/axzoom/axZm manuell.

Keine Veränderung auf Produktdetailseite

If you do not see any changes on detail page, then the media.phtml file from /app/design/frontend/base/default/template/ax_zoom /catalog/product/view/media.phtml is not loaded. Instead there must be some other media.phtml which is loaded. Perhaps this is media.phtml from another extension or media.phtml defined in local.xml of the theme. Please find out which media.phtml is loaded, backup this file and replace it with media.phtml from above path ("AJAX-ZOOM media.phtml"). Another solution would be to remove "setTemplate" from XML which loads a different media.phtml but this directive could be also in the module controller of that extension, so the prior solution should work for testing at first.

RewriteBase (e.g. Bitnami / Magento / XAMPP)

Ver. 4.2.11+ if RewriteBase is set in .htaccess or app config file or similar you might need to change some settings in AJAX-ZOOM config file (/js/axzoom/axZm/zoomConfig.inc.php) to make things work properly. Having tested AJAX-ZOOM extension on PC (localhost) with Magento package from "Bitnami" (default settings) we were able to get AJAX-ZOOM working under these conditions: the url path to magento was http://192.168.178.27/magento, whereby the document root on PC was C:/xampp/apps/magento/htdocs and not C:/xampp/apps/magento/htdocs/magento as one would expect. This is due to RewriteBase which is enabled on default. Also the document root here changed from standard XAMPP root which is C:/xampp/htdocs; so as of now all these settings need to be set manually in /js/axzoom/axZm/zoomConfig.inc.php for AJAX-ZOOM this way:

• $zoom['config']['fpPP'] = 'C:/xampp/apps/magento/htdocs';
• $zoom['config']['urlPath'] = '/magento/js/axzoom';
• $zoom['config']['rewriteBase'] = '/magento';

Images are not showing in frontend I

If AJAX-ZOOM seems to load as shown on the screenshot to the right but images are not showing:

• Make sure Ioncube Loaders are installed!!! You can call www.your-domain.com/js/axzoom/axZm/zoomLoad.php in your browser and see if you get an error related to Ioncube.
• Make sure that subfolders of /js/axzoom/pic/ are present and are writeable by PHP (chmod)! If /js/axzoom/pic is empty - has no subfolders, then /js/axzoom/pic was not writable by PHP during install and therefore subfolders were not created. You could simply create these subfolders manually and make them writable:
  • /js/axzoom/pic/360
  • /js/axzoom/pic/cache
  • /js/axzoom/pic/tmp
  • /js/axzoom/pic/zoomgallery
  • /js/axzoom/pic/zoommap
  • /js/axzoom/pic/zoomthumb
  • /js/axzoom/pic/zoomtiles_80
• Does not help? Contact our support!

Images are not showing in frontend II

If AJAX-ZOOM seems to load as shown on the screenshot above but images are not showing:

Some (shared) hosts do not allow to execute PHP files if they can be edited by "group". In server error log files you will find something like that: SoftException in Application.cpp:313: File "/home/abc/public_html/js/axzoom/axZm/zoomLoad.php" is writeable by group which causes Server Error 500 when calling /js/axzoom/axZm/zoomLoad.php. In this case make sure that the folders are chmod 0755 and the files are 0644. This does not relate to subfolders in /js/axzoom/pic/. They can be kept (and probably must be kept) at 0775 or higher.

Fatal error: Class 'Ax_Zoom_Helper_Data' not found in /htdocs/app/Mage.php on line 547

Recompile (System->Tools->Compilation) or disable compilation at first…

Color Swatches

There are several color swatches extensions for Magento, mainly used before Magento 1.9.0 was released where very basic "color swatch" functionality was finally implemented without any extensions. However many shops continue to use their "color swatch" extensions because they do not want to change their data. AJAX-ZOOM does support "color swatches" for Magento 1.9+ but it can also work with external color swatch extensions! If you do not get it to work on your own, please contact us for support. Following we will gather fixes for "color swatch" extensions we had to deal with:

• "Color Swatches Pro" from Amasty
  In current (v3.11.5) "Color Swatches Pro" version you would need to change Product.Config.prototype.reloadImageBlock JavaScript function; this can be done by simply overwriting it in media.phtml Product.Config.prototype.reloadImageBlock = function(key){return false;} The function can be called from other Amasty code but it is now supposed to do nothing.
  
  For older versions where Product.Config.prototype.reloadImageBlock function is not defined, you will need to change Product.Config.prototype.updateData function. Copy the whole function to media.phtml and comment out the ajax requests starting with new Ajax.Updater

Sonstiges

Sollten andere, als die hier beschriebene Störungen auftreten, dann kontaktieren Sie bitte den Support. Wir weden diese umgehend beseitigen und dokumentieren.

Download

Changelog

Comments (6)

Shiv 2017-04-10 10:12:43

Hi, Looking for the same but required for Magento 2.0.* . please realease new version compatible for mag 2.0 as soon as possible. thank you

Vadim Jacobi 2016-08-03 15:38:12

Database prefix issue is fixed in Ver. 1.2.2

Vadim Jacobi 2016-08-03 14:47:45

It seems that there is a bug in the installer. Tables are created without database prefix. You can rename / prefix the tables manually right now to solve this problem. We will however fix this bug ASAP with the next update.

gauri shankar 2016-08-03 13:48:43

After installation i am getting following error
"Base table or view not found: 1146 Table 'databasename.mg_ajaxzoomproducts' doesn't exist, query was: SELECT `main_table`.* FROM `mg_ajaxzoomproducts` AS `main_table` WHERE (id_product = '384')"

what is the solution for this.

Vadim Jacobi 2016-02-07 20:28:55

Patrick: we could take a look if you send us the link to an article on a dev server with this problem over contact form. Thank you.

Patrick Romano 2016-02-07 19:55:06

Hi my current template swatches is clashing with your extension. Can u help?

Leave a Comment

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.

Add Comment