Release date: September 18th, 2017
Current version: 5.0.9
Change log

PrestaShop Modul

Im Front-Office basiert AJAX-ZOOM PrestaShop Modul auf responsive mouseover zoom + optional 360°. Im Back-Office haben die Administratoren die Möglickeit entweder die 360 Bilder direkt hochzuladen oder aus den zuvor z.B. über FTP hochgeladenen ZIP Dateien zu importieren. Jedes 360 Set kann dann separat konfiguriert werden, also z.B. die Drehgeschwindigkeit und vieles Andere anpassen. Außerdem kann ein 360 Set nur bestimmten Varianten des Produkts zugeordnet werden, im Grunde auf gleiche Weise, wie es mit den normalen Bildern der Fall ist.

Für die normalen Bilder ergibt sich kein Unterschied in der Handhabung. Um die Qualität zu gewährleisten werden jedoch, nachdem das Modul installiert ist, die normalen Bilder nach dem Upload nicht mehr durch Prestashop komprimiert.

Unterstützung für PrestaShop 1.7 ist jetzt verfügbar!

Allgemeine Merkmale

Back-Office Screenshots

360 Grad "Produkt Tour"

Hotspot Editor

Front-Office Screenshots

CMS Screenshots

Handhabung regulärer Bilder

Bei der Handhabung regilärer Bilder ergeben sich keine Änderungen. Man kann sie wie immer einfach über das Back-Office hochladen. Allerdings können bereits hochgeladene Bilder je nach Prestashop Version durch seine Methode nach dem Upload komprimiert worden sein. Nachdem Sie AJAX-ZOOM Modul aktiviert haben wird diese automatische Komprimierung der Originalbilder durch Prestashop abgeschaltet. Wenn Sie also mit der Qualität im AJAX-ZOOM player nicht zufrieden sind, dann sollten Sie versuchen Ihre hochauflösende Bilder nochmals hochzuladen.

Handhabung der 360°/3D

Um 360°/3D zu einem Produkt hinzuzufügen, wählen Sie zunächst im Menü 'Katalog' -> 'Produkte' ein Produkt aus. Unten sollte AJAX-ZOOM tab vorhanden sein, wo sie u.A. folgendes machen können:

Anforderungen

Installation

  1. Gehen Sie sicher, dass die Server und PrestaShop Voraussetzungen getroffen sind!
  2. Entpacken Sie den Ordner 'ajaxzoom' aus dem Archiv in das Verzeichnis '/modules/' Ihrer PrestaShop-Installation.
  3. Laden Sie die neueste Version von AJAX-ZOOM herunter von www.ajax-zoom.com/index.php?cid=download and entpacken nur den 'axZm' Ordner in '/modules/ajaxzoom/'. Dieser Schritt ist unter Umständen nicht erforderlich, wenn Sie das Modul von unserer Website heruntergeladen haben. Sollten Sie nach der Installation das Verzeichnis '/modules/ajaxzoom/axZm' nicht finden, führen Sie bitte diese Schritt doch manuell durch.
  4. Setzen Sie die Berecjtigungen (chmod) für '/modules/ajaxzoom/pic' Verzeichnis auf für PHP schreibbar.
  5. Aktiviere das Modul über das Menü 'Module' im PrestaShop Backoffice.
  6. Klicken Sie auf "Configure" und speichern Sie die Einstellungen mit den Standardwerten einmalig.
  7. Die Installation ist fertig. Jetzt können Sie das Modul konfigurieren, wobei es sofort funktionieren sollte. Ggf. Template Cache löschen.
  8. Falls es nicht wie erwartet funktioniert, lesen Sie bitte die Anweisungen in der Modul-Konfigurations-Seite.
  9. Sollten Sie es nicht schaffen, AJAX-ZOOM perfekt in ein Thema einzubringen, wenden Sie sich bitte an den AJAX-ZOOM-Support.

Störungsbeseitigung

"TECHNICAL ERROR" Alert im Backend

Meistens resultieren diese Fehler wegen der Cross-Origin Politik der Browser für AJAX Requests. Wir müßten inzwischen alle diese Probleme beseitigt haben, außer, dass wenn Sie für Frontend eine Umleitung eingerichtet haben, z.B. von www.youdomain.com zu yourdomain.com (ohne www), dann loggen Sie sich bitte auch unter yourdomain.com/admin1235 ins Backend ein. Das gleiche gilt für http und https. Sofern z.B. fürs Frontend alles auf https umgeleitet wird, dass loggen Sie sich ins backend auch über https ein.

Hochgeladene Bilder werden nicht angezeigt

Bitte vergewissern Sie sich, dass Ioncube Loader richtig installiert ist. Wenn Sie Ioncube Loader über "lokale" php.ini eingerichtet haben, dann muss diese php.ini bzw. sowas, wie zend_extension=/vrmd/webserver/php56/lib/ioncube_loader.so auch in /modules/ajaxzoom/axZm/php.ini vorhanden sein.

RewriteBase (e.g. Bitnami / Prestashop / 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 (/modules/ajaxzoom/axZm/zoomConfig.inc.php) to make things work properly. Having tested AJAX-ZOOM extension on PC (localhost) with Prestashop package from "Bitnami" (default settings) we were able to get AJAX-ZOOM working under these conditions: the url path to Prestashop was http://192.168.178.27/prestashop, whereby the document root on PC was C:/xampp/apps/prestashop/htdocs and not C:/xampp/apps/prestashop/htdocs/prestashop 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 /modules/ajaxzoom/axZm/zoomConfig.inc.php for AJAX-ZOOM this way:

product.tpl problems

In some themes in product.tpl the {if isset($HOOK_PRODUCT_FOOTER) && $HOOK_PRODUCT_FOOTER}{$HOOK_PRODUCT_FOOTER}{/if} might be missing or "hidden" inside a different "if" statement. This is not something we could do about over our module, so in case there are no JS errors and there are no changes on product detail page, please make sure that the above HOOK code is present and does not depend on any other conditions.

Uploaded images are compressed

Update: this issue seems to be fixed in AJAX-ZOOM module for Prestashop Ver. 1.1.3 Unlike other ecommerce software we know Prestashop compresses original uploaded images which reduces image quality. The solution to prevent this is to override "resize" method in "ImageManagerCore". The problem we did not solve yet is that overriding this method over our module causes incompatibility issues across different Prestashop versions, especially if developer mode is enabled. So if you want to prevent Prestashop to compress your originally uploaded images you can override the "resize" method on your own just about like this:


	public static function resize(
		$src_file, 
		$dst_file, 
		$dst_width = null, 
		$dst_height = null, 
		$file_type = 'jpg', 
		$force_type = false, 
		&$error = 0
	) {
		if(Configuration::get('AZ_UPLOADNOCOMPRESS') == 'true' && $dst_width == null && $dst_height == null) {
			return copy($src_file, $dst_file);
		} else {
			return parent::resize(
				$src_file, 
				$dst_file, 
				$dst_width, 
				$dst_height, 
				$file_type, 
				$force_type, 
				$error
			);
		}
	}

The above code would work in 1.6.0.x versions. However e.g. in 1.5.x there is no $error argument. In Prestashop 1.6.1.x however there are many other arguments in "resize" method. Open /classes/ImageManager.php, find public static function resize( method and adjust the above code in your override according to the argumets present in this class. Make sure that the arguments in public static function resize( match the argumets in return parent::resize(

Some images in products show correctly, others do not (blank)

Update: this issue was fixed in AJAX-ZOOM Ver. 4.2.18; please update /modules/ajaxzoom/axZm folder!

In short: use only first option "Use JPEG" under PREFERENCES->Images as there are no better alternatives in Prestashop so far. If you encounter this issue on some products, you should set "Use JPEG" and reupload the images.

Prestashop saves all images uploaded by the admin as JPG even if they are PNG. On default (first option) which can be found at PREFERENCES->Images, the png images are converted to JPG which is somewhat acceptable, although not optimal (see issue above). Other than that there are two Prestashop "exclusive" options for handling images (at least we did not see it somewhere else used extensively). The second "Use PNG only if the base image is in PNG format" keeps png format only for images, which are in real PNG images but still saves them as JPG. The third and the last one "Use PNG for all images" converts all images into PNG but again, saves them as JPG in file system.

Most third party scripts which use GD get confused if PNG image is saved as JPG without converting it. It is also said in the Prestashop settings - "WARNING: This feature may not be compatible with your theme, or with some of your modules. In particular, PNG mode is not compatible with the Watermark module. If you encounter any issues, turn it off by selecting "Use JPEG"." So does AJAX-ZOOM at the moment gets confused if GD and not ImageMagick is used. ImageMagick has to be explicitly enabled for AJAX-ZOOM in config file and also installed on the server as it is mostly not included in standard server installations.

Sonstiges

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

Download

Bitte beachten Sie, dass möglicherweise sowohl AJAX-ZOOM PrestaShop Modul, als auch AJAX-ZOOM selbst separat heruntergeladen werden müssen.

Auch gibt es keine Notwendigkeit AJAX-ZOOM zu bestellen bevor Sie es erfolgreich installiert und getestet haben!

Changelog

Ver. 1.3.3
2017-09-08
Fehlerkorrektur für neuere Versionen von Prestashop 1.7. Lizenzdaten, die übers Modul Backend Konfiguration eingetragen wurden, konnten nicht von Modul an einer anderen Stelle ausgelesen werden.
Ver. 1.3.2
2017-08-05
Kleines Bugfix.
Ver. 1.3.1
2017-06-19
Fix laden korrekte Bilder und 360 beim Aufruf einer Produktvariante direkt für frühe 1.6 und 1.5 Versionen. Auch in PSR-2-Codierung-Stil umgewandelt.
Ver. 1.2.20
2017-06-03
Die AJAX-ZOOM-Einstellungen werden nicht mehr zurückgesetzt, wenn das Modul deinstalliert / installiert oder zurückgesetzt wird. Stattdessen gibt es jetzt eine Schaltfläche in Modul-Einstellungen, die es erlaubt, auf Modul-Standardwerte zurückzusetzen.
Ver. 1.2.19
2017-04-24
Kleine Bag Korrektur.
Ver. 1.2.18
2017-04-07
Kleine Bag Korrektur nach Update zu 1.2.17, welches eigenlich ein major Update ist.
Ver. 1.2.17
2017-04-05
Support for Prestashop 1.7; implemented new mouseover (version 5);
For update from previous versions - overwrite module files, update axZm directory, reset module in backoffice and save settings once. Clear template cache if needed.
Ver. 1.2.16
2016-10-16
Bug korrigiert, wo einfache Anführungszeichen im Titel des Bildes zum json parse error im JS geführt haben.
Ver. 1.2.15
2016-10-12
Bug korrigiert, wo doppelte Anführungszeichen im Titel des Bildes zum json parse error im JS geführt haben.
Ver. 1.2.14
2016-09-16
Produkt Tour repariert, welche in Ver. 1.2.12 und 1.2.13 nicht funktionierte.
Ver. 1.2.13
2016-09-05
Ein Paar Änderungen im Frontend Template wegen SEO.
Ver. 1.2.12
2016-09-02
Einige Verbesserungen.
Ver. 1.2.11
2016-08-21
Das Module versucht jetzt die letzte AJAX-ZOOM Version automatisch herunterzuladen.
Ver. 1.2.10
2016-08-12
Mögliche PHP Warnung während 360 aus einem Verzeichnis importiert werden repariert. Hoffentlich keine SSL Probleme mehr.
Ver. 1.2.8
2016-08-07
Neuen Hotspot Editor hinzugefügt. Den 360 Produkt Tour Editor upgedatet.
Ver. 1.2.7
2016-07-10
SSL Probleme korrigiert.
Ver. 1.2.6
2016-07-05
Fixed a bug created in 1.2.5 (uploading 360 images from folder or zip)
Ver. 1.2.5
2016-06-13
Optionale Bildtitel zu Mouseover Zoom hinzugefügt.
Ver. 1.2.4
2016-05-29
Neue Möglichkeit über "copy & paste" Code bereits erstellte 360 Grad "Produkt Touren" bzw. nur 360 Grad Bilder in CMS / Landing Seiten hinzuzufügen. Hier ein Beispiel.
Ver. 1.2.3
2016-05-27
Korrektur abspeichern 360 Grad "Produkt Tour".
Ver. 1.2.2
2016-05-03
Minor improvements.
Ver. 1.2.1
2016-04-28
Einige Korrekturen für die 360 Grad "Produkt Tour".
Ver. 1.2.0
2016-04-26
360 Grad "Produkt Tour" hinzugefügt.
Ver. 1.1.6
2016-04-22
Security improvements.
Ver. 1.1.5
2016-04-07
Minor improvements.
Ver. 1.1.4
2016-01-30
Fixed SSL issue.
Ver. 1.1.3
2016-01-21
Fixed some compatibility issues.
Ver. 1.1.2
2016-01-11
Temporaly remove override ImageManager.php from /modules/override/ImageManager.php till we have an universal solution for that as it caused problems across different Prestashop versions.
Ver. 1.1.1
2015-12-22
Fixed paths for multishop
Ver. 1.1.0
2015-11-26
Fixed several bugs
Ver. 1.0.2
2015-10-09
Sorted options according to documentation; few bugfixes; new options; gallery slider vertical over options (left or right)
Ver. 1.0.1
2015-09-27
PrestaShop Modul veröffentlicht

Comments (1)

Laura Daniela 2016-08-14 23:21:46
Laura Daniela Thanks, you are the best

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.

Um Live-Support-Chat nutzen zu können wird Skype vorausgesetzt.

Sollte Live-Support-Chat über Skype nicht sofort zu erreichen sein, dann hinterlassen Sie bitte im Skype eine Nachricht oder schreiben Sie uns eine Email über die Kontakt Seite.

Jede Anfrage wird beantwortet!

Live-Support-Chat