PrestaShop Modul

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 die Bilder, welche über PrestaShop zur bestimmten Produktvariationen gebunden wurden
• 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
• Unterstützung für Videos aus YouTube, Vimeo, Dailymotion oder MP4
• 100+ weitere Optionen
• Alle Komponente können über das PrestaShop Module Konfigurationsmenü angepasst werden
• API für Entwickler
• Kontinuierlich Produktentwicklung und technischer Support

Back-Office Screenshots

Erstellen und Verwalten von 360 Grad Produktansichten

Erstellen einer 360 / 3D-Produktansicht als wirklich einfach. Bitte sehen Sie sich die Screenshots an, um zu sehen, wie es Schritt für Schritt gemacht wird.

360 Grad "Produkt-Tour"

Die 360 interaktive Produkt Tour ist eine optionale Erweiterung Ihrer 360 / 3D Bilder. Sie können es einfach und in kurzer Zeit mit dem integrierten Editor erstellen.

Hotspot Editor 360 Grad Ansichten

Hotspots sind interaktive Markierungen auf den Bildern. Sie können Interaktionen wie ein Popup mit zusätzlichen Informationen mittels HTML / Text oder Videos beinhalten, müssen aber nicht. Das Modul bietet einen sehr umfangreichen Hotspot-Editor, der direkt in das Admin-Backend integriert ist. Die 360 Grad Produkttour und Hotspots funktionieren gut zusammen / gleichzeitig.

Hotspots auf normalen Bildern

Sie können auch Hotspots zu regulären Bildern hinzufügen, nicht nur 360-Spin-Ansichten.

Videos - YouTube, Vimeo, mp4..

Fügen Sie Videos von YouTube, Vimeo und anderen Diensten hinzu oder definieren Sie einen Link zu einem mp4-Video, das im HTML5-Videoplayer abgespielt wird. Mit dieser Funktion können Sie auch separate Videoquellen für jede Frontend-Sprache definieren.

360 Grad Ansichten in CMS Seiten

Wenn Sie bestimmte 360 / 3D-Bilder auf CMS-Seiten Ihres Shops anzeigen möchten, können Sie den angebotenen Code einfach kopieren und in den WYSIWYG-Editor an der Stelle einfügen, an der die 360-Drehung angezeigt werden soll.

AJAX-ZOOM Batch Tool (Stapelverarbeitung)

Sie müssen das Batch-Tool nicht unbedingt verwenden, denn wenn Kacheln und andere AJAX-ZOOM-Caches noch nicht erstellt wurden, verarbeitet AJAX-ZOOM die Bilder im laufenden Betrieb. Spätestens wenn sie am Frontend erscheinen. Wenn Sie jedoch Tausende von Bildern haben, ist es eine gute Idee, alle vorhandenen Bilder, die Sie über AJAX-ZOOM anzeigen möchten, vor dem Starten der neuen Website oder vor dem Aktivieren von AJAX-ZOOM im Frontend zu verarbeiten.

Erstellen der 3D-Ansichten (mehrere Zeilen) über Back-End Zeile für Zeile

Es ist möglich manuell eine mehrzeilige 3D-Ansicht (mehrzeilig) aus dem Back-End heraus zu erstellen indem Bilder zeilenweise hochgeladen werden. Die empfohlene Methode besteht darin, eine ZIP-Datei zu verwenden und alle Zeilen automatisch zu importieren. Wenn Sie die Bilder dennoch über das Backend hochladen möchten, finden Sie in den folgenden Screenshots eine schrittweise Anleitung.

Erstellen der 3D-Ansichten (mehrere Zeilen) über das Back-End von ZIP Datei

Eine einfachere Möglichkeit, 3D-Ansichten mit mehreren Zeilen zu erstellen und die Bilder aus einer ZIP-Datei zu importieren.

Modul Konfigurationsbereich

Normalerweise müssen Sie keine Einstellungen für AJAX-ZOOM ändern, damit es funktioniert. Wenn Sie jedoch das Erscheinungsbild personalisieren möchten, finden Sie im Konfigurationsbereich viele Optionen.

Zum Ausprobieren des Moduls empfehlen wir die Option "displayOnlyForThisProductId". Damit können Sie AJAX-ZOOM nur für bestimmte Produkte aktivieren.

Front-Office Screenshots

Weitere reale Impressionen finden Sie in den Links oben auf dieser Seite!

Handhabung regulärer Bilder

Bei der Handhabung regulä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.

Ab der Modulversion 1.7 können Sie auch Hotspots zu regulären Bildern hinzufügen, nicht nur 360-Spin-Ansichten! Die Bilder werden dabei nicht geändert und Sie können die Hotspots jederzeit bearbeiten, entfernen oder einfach deaktivieren.

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:

• Eins oder mehrere 360° für ein Produkt einrichten.
• Direkt aus dem Back-Office 360° Bilder hochladen oder
• Eine ZIP Datei mit 360° Bildern auswählen, welche zuvor auf den Server hochgeladen wurde. Diese ZIP Dateien müssen in "/modules/ajaxzoom/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 Kombinationen, wie es mit den Bildern der Fall ist, zuweisen.
• Eine 360 Grad "Produkt-Tour" mit Beschreibungen, Videos etc. kreieren. Keine Programmierkenntnisse notwendig.
• Einen Copy & Paste Code für beispielsweise CMS Seiten zu erhalten, damit die 360 Grad Animationen auch dort platziert werden können.

Anforderungen

• PHP 5.4+
• PrestaShop ab Ver. 1.5.1, 1.6.x oder 1.7.x
• Kostenlose IonCube Loader installiert auf dem Server
• AJAX-ZOOM Hauptdateien müssen möglicherweise separat heruntergeladen werden (mit Modul Version 1.2.11+ wird versucht während der Installation des Moduls automatisch herunterzuladen)
• Wenn Sie hochauflösende Bilder über das Back-Office hochladen möchten, dann sollten Sie in php.ini die Werte für post_max_size and upload_max_filesize anpassen

Installation

Normale Installation im Back-Office

1. Gehen Sie am besten Anfangs sicher, dass die Server und PrestaShop Voraussetzungen getroffen sind.
2. Wechseln Sie im PrestaShop BackOffice zu Module->Module und Dienste
3. Klicken Sie auf die Schaltfläche "Modul hochladen" und wählen die module_prestashop_ajaxzoom_{version}.zip Datei aus, welche Sie von dieser Seite frei als Testversion herunterladen können.
4. Das Modul wird installiert. Es kann einige Zeit dauern. Sofern keine Fehler auftreten, wird das AJAX-ZOOM Modul für PrestaShop aufgelistet.
5. Aktivieren Sie das Modul anschließend.
6. Wenn es zu Fehlermeldungen kommt wie "IonCube Loader nicht installiert" oder das /modules/ajaxzoom/axZm nicht vorhanden, suchen Sie bitte zunächst in der "Störungsbeseitigung" auf dieser Seite nach Lösungen. Die zwei häufigsten Probleme bei der Installation können wie folgt gelöst werden:
   • Die kostenlose "IonCube Loader" müssen installiert sein. Unter FAQ finden Sie zusätzliche Informationen.
   • Das fehlende /modules/ajaxzoom/axZm Verzeichnis können Sie per FTP hochladen. Einfach AJAX-ZOOM Hauptdateien von dieser Seite laden, entpacken und den gesamten axZm Ordner per FTP nach /modules/ajaxzoom/ hochladen.
   Falls das Problem nicht zu lösen ist, kontaktieren Sie bitte unseren Support. Wir helfen garantiert weiter.
7. Klicken Sie auf "Konfiguration" und speichern Sie die Einstellungen des Moduls mit den Standardwerten einmal ab.
8. Wenn Sie den CSS und JavaScript Zusammenführung, bzw. Template Cache aktiviert haben, muss dies ggf. gelöscht werden.
9. Wenn Sie nicht möchten, dass AJAX-ZOOM sofort im Frontend erscheint, können Sie zu Moduleinstellungen wechseln und unter "PLUGIN EINSTELLUNGEN FÜR PRESTASHOP" die Option enableInFrontDetail deaktivieren. Alternativ können sie in das Konfigurationsfeld displayOnlyForThisProductID die ID eines Produktes eintragen und damit weitere Einstellungen vornehmen.
10. Um hochauflösende Bilder über BO hochzuladen, passen Sie die Werte der PHP-Optionen für post_max_size und upload_max_filesize direkt in Ihrer php.ini-Datei oder einem Steuerungssystem an, mit dem Sie dasselbe erreichen können. Möglicherweise müssen Sie auch das Limit in BO unter Erweiterte Parameter -> Verwaltung -> Upload-Quote -> Maximale Größe für ein Produktbild erhöhen. Der Standardwert in den neueren PrestaShop-Versionen beträgt 2 Megabyte.

Manuelle Installation über FTP

1. Gehen Sie bitte 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 neuesten AJAX-ZOOM Hauptskripte und entpacken nur den axZm Ordner nach /modules/ajaxzoom/. Dieser Schritt ist unter Umständen nicht erforderlich, da das Modul während der Installation versucht die AJAX-ZOOM Hauptskripte automatisch zu laden. Sollten Sie nach der Installation bzw. Aktivierung das Verzeichnis /modules/ajaxzoom/axZm nicht vorfinden, dann führen Sie bitte diesen Schritt manuell durch.
4. Setzen Sie die Berechtigungen (chmod) für /modules/ajaxzoom/pic Verzeichnis auf einen Wert, welches für PHP beschreibbar ist.
5. Danach aktivieren Sie das Modul über unter "Module" im BackOffice Ihrer PrestaShop Installation als Administrator.
6. Klicken Sie auf "Konfiguration" und speichern Sie die Einstellungen des Moduls mit den Standardwerten einmal ab.
7. Die Installation ist fertig. Jetzt können Sie das Modul weiter konfigurieren, wobei es im Normalfall sofort funktionieren sollte. Ggf. müssen Sie den Template Cache löschen und die zusammengeführte CSS und JavaScript Dateien, falls eingeschaltet, neu generieren.
8. Sollte das Modul nicht wie erwartet funktioniert, schauen Sie bitte zuerst nach möglichen Lösungen unter Störungsbeseitigung auf dieser Seite. Falls das Problem nicht zu lösen ist, kontaktieren Sie bitte unseren Support. Wir helfen garantiert weiter.
9. Um hochauflösende Bilder über BO hochzuladen, passen Sie die Werte der PHP-Optionen für post_max_size und upload_max_filesize direkt in Ihrer php.ini-Datei oder einem Steuerungssystem an, mit dem Sie dasselbe erreichen können. Möglicherweise müssen Sie auch das Limit in BO unter Erweiterte Parameter -> Verwaltung -> Upload-Quote -> Maximale Größe für ein Produktbild erhöhen. Der Standardwert in den neueren PrestaShop-Versionen beträgt 2 Megabyte.

Störungsbeseitigung

"TECHNICAL ERROR" Alert im Backend

Die Lösung in Kürze

Wenn Sie sich als Administrator anmelden, tun Sie dies bitte in derselben Domain mit demselben Protokoll wie Ihr Front Office!

Front Office	Back Office
https://www.domain.com	https://www.domain.com/admin
https://domain.com	https://domain.com/admin
http://www.domain.com	http://www.domain.com/admin
http://www.domain.com	http://www.domain.com/admin
https://subdomain.domain.com	https://subdomain.domain.com/admin
http://subdomain.domain.com	http://subdomain.domain.com/admin

Erklärung

Inzwischen sollten wir alle "TECHNICAL ERROR" behoben haben, die echte technische Probleme sind. Daher ergeben sich diese Meldungen meistens aufgrund der Cross-Origin-Richtlinie der Browser für AJAX-Anforderungen (Asynchronous JavaScript And XML) im Allgemeinen. Gemäß dieser Richtlinie wird eine Ursprungsübergreifende Anforderung zwischen verschiedenen Domänen, gleichen Domänen, aber unterschiedlichen Subdomänen, oder sogar gleichen Domänen, jedoch unterschiedlichen Protokollen (HTTP vs. HTTPS) definiert.

Nach dieser Definition ist ein WWW vor dem Domänennamen eine Subdomäne, selbst wenn beide Adressen denselben Inhalt zurückgeben. Wenn Sie für das Frontend (oder umgekehrt) eine Weiterleitung z.B. von www.yourdomain.com zu yourdomain.com (ohne www) aktiviert haben, dann loggen Sie sich bitte auch unter yourdomain.com/admin1235 in Ihr Backend ein. Umgekehrt, wenn Sie im Frontend auf www.yourdomain.com umgeleitet haben, dann melden Sie sich bitte auch unter www.yourdomain.com/admin1235 im Back-Office an.

Das gleiche Problem tritt bei verschiedenen Protokollen im Back-Office und im Frontend auf - HTTP vs. HTTPS. Wenn jede Anfrage im Frontend zu HTTPS weiterleitet wird, dann loggen Sie sich bitte auch über HTTPS und nicht HTTP in Ihr Back-Office ein!

Haben Sie immer noch dieses Problem?

Falls Sie die Ursprungsübergreifende Ursache der oben beschriebenen "TECHNISCHER FEHLER" Warnung ausschließen können, dann wenden Sie sich bitte an unseren Support und geben Informationen an, die Sie auf folgende Weise abrufen können:

1. Drücken Sie im Chrome-Browser die Taste F12, um die "Entwicklertools" zu öffnen.
2. Navigieren Sie zur Registerkarte "Netzwerk" und wählen Sie die Unterregisterkarte "XHR".
3. Suchen Sie die letzte AJAX-Anforderung, die fc=module&module=ajaxzoom in der URL enthält.
4. Kopieren Sie die gesamte Anforderungs-URL, um sie zu den Informationen hinzuzufügen, die Sie an uns senden.
5. Wählen Sie die Anfrage aus, indem Sie einmal darauf klicken, und wählen Sie rechts die Registerkarte "Antwort".
6. Kopieren Sie die gesamte Antwort, um sie zu den Informationen hinzuzufügen, die Sie an uns senden.

Unable to install override: The method resize in the class ImageManager is already overridden

Dies bedeutet, dass ein anderes Modul diese Kernfunktionalität von PrestaShop bereits überschreibt. Als Lösung können Sie die Datei /ajaxzoom/override/classes/ImageManager.php entfernen und das AJAX-ZOOM-Modul für PrestaShop neu installieren bzw. aktivieren. Da diese Überschreibung von AJAX-ZOOM für die Funktionalität nicht kritisch und sogar optional ist, können Sie die Datei sicher entfernen.

Bilder werden im Frontend nicht geladen 1
(fehlende IonCube Loader)

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. Geben Sie in der Browser https://www.ihre-domain.de/modules/ajaxzoom/axZm/zoomLoad.php ein. Wenn dort etwas von IonCube steht, gibt es ein Problem damit. Siehe auch unten "FAQ".

Bilder werden im Frontend nicht geladen 2
(falsche PHP-Dateiberechtigungen)

Es könnte auch einen anderen Grund geben, warum der AJAX-ZOOM-Player zwar geladen wird, aber die Bilder nicht angezeigt werden. Sie sehen dann eine fortwährende Ladeanimation. Geben Sie https://www.ihre-domain.de/modules/ajaxzoom/axZm/zoomLoad.php in die Adressleiste des Browsers ein. Wenn die Datei zoomLoad.php physisch vorhanden ist, aber Fehler 404 (nicht vorhanden) oder Fehler 500 (Serverfehler) angezeigt werden, ist der wahrscheinlichste Grund, dass die Ordner- und / oder Dateiberechtigungen (chmod) auf Werte gesetzt sind, wo die Gruppe sie bearbeiten kann. Bei gemeinsam genutzten / "shared" Hosts wird dies oft als nicht akzeptabel angesehen. Höchstwahrscheinlich müssen Sie die Ordnerberechtigungsstufe (chmod) auf 0755 und die Dateiberechtigungsstufe (chmod) auf 0644 setzen. Lassen Sie die führende Null aus, wenn Sie ein FTP-Programm wie FileZilla verwenden.

Keine visuellen Änderungen auf der Produktdetailseite
(veralte Version des Moduls)

Bitte stellen Sie sicher, dass Sie die neueste Version des Moduls installiert haben. Aufgrund des Validierungsprozesses bei PrestaShop kann es einige Zeit dauern, sowie zusätzliche Anstrengungen bedeuten, bis die aktuelle Version dort erscheint. Es kann also durchaus passieren, dass die von dort heruntergeladene Modulversion nicht aktuell ist. Sie können jedoch immer die neueste Version von dieser Website herunterladen und falls Ihnen dieser Abschnitt zur Fehlerbehebung nicht weiterhilft, werden wir Ihnen auf der Grundlage der neuesten Codebasis helfen das Modul zum Laufen zu bringen.

Keine visuellen Änderungen auf der Produktdetailseite
(JavaScript Fehler)

Das Zoom Skript wird durch den Inline-JavaScript-Code ausgelöst, der über einen "Hook" in product.tpl eingefügt wird. Das kann mehr zum Ende der Seite sein. Wenn ein JavaScript-Fehler durch ein anderes Modul verursacht wird, das oberhalb oder vor dem AJAX-ZOOM-Initialisierungscode auftritt, stoppt der Browser dort und daher wird das AJAX-ZOOM-Skript nicht ausgelöst.

Drücken Sie die F12 Taste, um Entwicklertools des Browsers zu öffnen (am besten verwenden Sie Chrome) und stellen Sie sicher, dass keine JavaScript-Fehler in der Konsole vorhanden sind. Verfolgen Sie die Fehler in einem Modul, welches dieses schlecht geschriebene JavaScript einfügt. Deaktivieren Sie das verdächtigte Modul vorübergehend um sicherzustellen, dass Sie sich auf dem richtigen Weg befinden. Wenden Sie sich ggf. an den Entwickler dieses Moduls um das Problem zu beheben.

Ein solcher JavaScript-Fehler kann auch durch eine Browser-Erweiterung verursacht werden, die JavaScript-Dateien entfernt, die sich mit der Verfolgung der Benutzer befassen. Wenn ein Inline-Skript dann auf eine nicht vorhandene JavaScript-Funktion oder -Methode verweist, kann dies zu JavaScript-Fehlern führen, die alle anderen von JavaScript ausgelösten Funktionen beeinträchtigen.

Keine visuellen Änderungen auf der Produktdetailseite
(Nachricht in Console "[...] problem with AJAX-ZOOM JavaScript files [...]")

Deaktivieren Sie unter "Erweiterte Parameter" -> "Leistung" den "Smart Cache für JavaScript" und "Smart Cache für CSS", stellen Sie sicher, dass AJAX-ZOOM funktioniert, und aktivieren beides wieder wenn notwendig.

Neben AJAX-ZOOM ist dies ein allgemeines Verfahren, wenn Sie neue Module installieren, die Verweise auf JavaScript- und CSS-Dateien hinzufügen.

Wenn dies nicht hilft und das gleiche Problem weiterhin besteht, stellen Sie sicher, dass Sie oder ein anderes Plugin kein zweites jQuery-Core-Skript einfügen, z.B. in der Fußzeilenvorlage. Wenn Sie einen zweiten jQuery-Core unter die bereits eingefügten jQuery-Core- und jQuery-abhängigen JavaScript-Plugins laden, werden alle diese Plugins "gelöscht".

Keine visuellen Änderungen auf der Produktdetailseite
(fehlender "Hook" im Template / product.tpl Probleme)

In einigen Themes fehlt der product.tpl der Hook "product footer" oder er ist in einer anderen "if"-Anweisung "versteckt". Das können wir über unser Modul nicht tun. Wenn also keine JS-Fehler und keine Änderungen auf der Produktdetailseite vorliegen, stellen Sie sicher, dass der HOOK-Code vorhanden ist und nicht von anderen Bedingungen abhängt.

In neueren PrestaShop-Versionen benötigen Sie in /themes/YOURTHEME/templates/catalog/product.tpl Ihres Themes so etwas wie:

{block name='product_footer'}
    {hook h='displayFooterProduct' product=$product category=$category}
{/block}

In älteren PrestaShop-Versionen sieht der Code für den Hook so aus:

{if isset($HOOK_PRODUCT_FOOTER) && $HOOK_PRODUCT_FOOTER}{$HOOK_PRODUCT_FOOTER}{/if}

PS 1.7 AJAX-ZOOM fehlt in Quick-View Modal

Wenn die entsprechende Option zum Anzeigen von AJAX-ZOOM in der Schnellansicht aktiviert ist, AJAX-ZOOM jedoch nicht angezeigt wird, öffnen Sie die Datei /themes/YOURTHEME/templates/catalog/_partials/quickview.tpl und stellen Sie sicher, dass Sie die Zeile {hook h='displayProductAdditionalInfo' product=$product} irgendwo zum Ende dieser Vorlage haben.

Sehr langsames laden der Bilder im Frontend (Datenbank Verbindungsproblem)

In extrem seltenen Fällen kann es passieren, dass wenn Sie https://www.ihr-domain.com/modules/ajaxzoom/axZm/zoomLoad.php in die Adressleiste des Browsers eingeben, die Meldung "AJAX-ZOOM funktioniert!" erhalten, jedoch die Ladezeit extrem lange ist, dann gehen Sie bitte wie folgt vor:

• Benennen Sie die Datei /modules/ajaxzoom/lic.php um oder löschen Sie sie (diese Datei liest die Informationen zur Lizenznummer aus der Datenbank aus, die Sie im Abschnitt zur Modulkonfiguration eingeben können). In seltenen Fällen, die bis jetzt nur einmal aufgetreten sind, kann die Verbindung zur Datenbank fehlschlagen, wobei der Versuch die Verbindung aufzubauen sehr lange dauert. Es ist unproblematisch diese Datei zu löschen, da Sie die Lizenzinformationen manuell in /modules/ajaxzoom/zoomConfigCustomAZ.inc.php fest eincodieren können).
• Öffnen Sie /modules/ajaxzoom/zoomConfigCustomAZ.inc.php und codieren Sie Ihre Lizenzdaten als AJAX-ZOOM-Kernoption ein (natürlich sollten Sie die Werte durch Ihre Lizenzdaten ersetzen):

  
  $zoom['config']['licenses'] = array(
  	'your-domain.com' => array(
  		'licenceType' => 'Basic',
  		'licenceKey' => 'AAABBBCCC',
  		'error300' => 'DDDEEEFFF'
  	),
  	'your-other-domain.com' => array(
  		'licenceType' => 'Basic',
  		'licenceKey' => 'DDDEEEFFF',
  		'error300' => 'DDDEEEFFF'
  	)
  );
  		

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

Wenn RewriteBase in .htaccess oder einer App-Konfigurationsdatei oder ähnlich eingestellt ist, müssen Sie möglicherweise einige Einstellungen in der AJAX-ZOOM-Konfigurationsdatei (/modules/ajaxzoom/axZm/zoomConfig.inc.php) ändern, damit die Dinge ordnungsgemäß funktionieren. Nachdem wir die AJAX-ZOOM-Erweiterung auf dem PC (localhost) mit dem PrestaShop-Paket von "Bitnami" (Standardeinstellungen) getestet hatten, konnten wir AJAX-ZOOM unter folgenden Bedingungen nutzen:

Der URL-Pfad zu Prestashop war http://192.168.178.27/prestashop, wobei das Dokumentenstammverzeichnis auf dem PC C:/xampp/apps/prestashop/htdocs und nicht C:/xampp/apps/prestashop/htdocs/prestashop war, wie man es erwarten würde. Dies liegt an RewriteBase, die standardmäßig aktiviert ist. Auch das Dokumentstammverzeichnis wurde hier von Standard XAMPP root geändert, das C:/xampp/apps/prestashop/htdocs ist; Aus diesem Grund müssen alle diese Einstellungen manuell in /modules/ajaxzoom/axZm/zoomConfig.inc.php für AJAX-ZOOM gesetzt werden:

• $zoom['config']['fpPP'] = 'C:/xampp/apps/prestashop/htdocs';
• $zoom['config']['installPath'] = '/modules/ajaxzoom';
• $zoom['config']['urlPath'] = '/prestashop/modules/ajaxzoom';
• $zoom['config']['rewriteBase'] = '/prestashop';

Sonstiges

Nützliches

Ändern des Front-Office Templates

Normalerweise müssen Sie die Vorlagendatei nicht ändern. Wenn Sie jedoch die Front-Office Funktionalität wesentlich verändern möchten, z.B. ein anderes AJAX-ZOOM Beispiel implementieren, dann können Sie es tun.

Die Hauptvorlage für AJAX-ZOOM befindet sich unter /modules/ajaxzoom/views/templates/front/ajaxzoom.tpl. Wenn Sie diese Datei direkt ändern, wird sie beim Aktualisieren des Plugins überschrieben. Daher müssen Sie es an einer anderen Stelle platzieren, bevor Sie es ändern.

Mit PrestaShop können Sie keinen genauen Speicherort außerhalb des Moduls für die Vorlagendatei definieren, aber Sie können eine Vorlagendatei aus einem beliebigen Modul überschreiben. Dies sind die Speicherorte, die auf der Methode _isTemplateOverloadedStatic aus /classes/module/Module.php basieren.

/* /classes/module/Module.php */
protected static function _isTemplateOverloadedStatic($module_name, $template)
{
    if (Tools::file_exists_cache(_PS_THEME_DIR_ . 'modules/' . $module_name . '/' . $template)) {
        return _PS_THEME_DIR_ . 'modules/' . $module_name . '/' . $template;
    } elseif (Tools::file_exists_cache(_PS_THEME_DIR_ . 'modules/' . $module_name . '/views/templates/hook/' . $template)) {
        return _PS_THEME_DIR_ . 'modules/' . $module_name . '/views/templates/hook/' . $template;
    } elseif (Tools::file_exists_cache(_PS_THEME_DIR_ . 'modules/' . $module_name . '/views/templates/front/' . $template)) {
        return _PS_THEME_DIR_ . 'modules/' . $module_name . '/views/templates/front/' . $template;
    } elseif (Tools::file_exists_cache(_PS_PARENT_THEME_DIR_ . 'modules/' . $module_name . '/' . $template)) {
        return _PS_PARENT_THEME_DIR_ . 'modules/' . $module_name . '/' . $template;
    } elseif (Tools::file_exists_cache(_PS_PARENT_THEME_DIR_ . 'modules/' . $module_name . '/views/templates/hook/' . $template)) {
        return _PS_PARENT_THEME_DIR_ . 'modules/' . $module_name . '/views/templates/hook/' . $template;
    } elseif (Tools::file_exists_cache(_PS_PARENT_THEME_DIR_ . 'modules/' . $module_name . '/views/templates/front/' . $template)) {
        return _PS_PARENT_THEME_DIR_ . 'modules/' . $module_name . '/views/templates/front/' . $template;
    } elseif (Tools::file_exists_cache(_PS_MODULE_DIR_ . $module_name . '/views/templates/hook/' . $template)) {
        return false;
    } elseif (Tools::file_exists_cache(_PS_MODULE_DIR_ . $module_name . '/views/templates/front/' . $template)) {
        return false;
    } elseif (Tools::file_exists_cache(_PS_MODULE_DIR_ . $module_name . '/' . $template)) {
        return false;
    }

    return null;
}

Wie Sie sehen, sind die Orte, an denen Sie Ihre geänderte Version der Vorlage speichern können, begrenzt. Wenn Sie also die Datei ajaxzoom.tpl ändern möchten, speichern Sie sie beispielsweise unter /themes/'._THEME_NAME_.'/modules/ajaxzoom/views/templates/front/ajaxzoom.tpl und ändern sie dort!

Migration der AJAX-ZOOM Daten von PrestaShop 1.6 zu PrestaShop 1.7

Diese Migration funktioniert, sofern sich die IDs der Produkte nach der Migration nicht ändern.

1. Kopieren Sie den Inhalt von /img/p/360 in die neue Installation. Dieser Ordner enthält die 360/3D-Quellbilder, die von Administratoren hochgeladen oder importiert wurden.
2. Kopieren Sie die Datenbanktabellen, deren Namen mit ps_ajaxzoom beginnen. Das Präfix ps_ kann in Ihrer Installation anders sein.
3. Laden Sie die neueste Version des Moduls herunter und installieren sie.
4. Geben Sie im Konfigurationsbereich des Moduls die Lizenzschlüssel für Ihre Domäne bzw. Domänen ein. Weitere Einstellungen sollten manuell eingestellt werden, da die Namen in der Datenbank teilweise zwischen den PS 1.6 und 1.7 unterscheiden.
5. Verwenden Sie das AJAX-ZOOM-Batch-Tool im Back-Office, um den Cache für AJAX-ZOOM neu zu erstellen. Dies ist schneller, als ihn zu kopieren.

FAQ

Wie installiere ich "ionCube Loader"?

ionCube Loader ist eine weit verbreitete PHP-Erweiterung und sie wird benötigt, um AJAX-ZOOM auf Ihrem Server zu betreiben. Bitte überprüfen Sie vor der Installation des Loaders, ob dieser auf Ihrem Server noch nicht installiert ist. Um dies zu überprüfen, können Sie in die Ausgabe von phpinfo(); schauen. Sie können auch die PHP-Funktion get_loaded_extensions verwenden - print_r (get_loaded_extensions ()); um zu sehen, ob ionCube installiert ist.

Wenn Sie ionCube nicht auf Ihrem Server finden, besuchen Sie bitte die offizielle ionClube Loader-Seite. Dort finden Sie "Loader Installer" und "Loader Wizard", die Ihnen bei der Installation des Loaders helfen, der zu Ihrem Betriebssystem passt (Windows, Linux, FreeBSD, OpenBSD, OS X, Solaris).

Viele Hosting-Unternehmen haben auch eine Anleitung in ihren FAQ, wie sie ionCube speziell für deren Konfigurationen installieren können. Zu guter Letzt wird Ihnen eine E-Mail an den Provider-Support Ihres Hosting-Providers sicherlich weiterhelfen ionCube ist Industriestandard und sollte eine Copy & Paste-Antwort für Ihren Hosting-Provider darstellen. Wenn nicht, sollten Sie Ihren Hotsting-Anbieter augenblicklich wechseln.

Bitte beachten Sie, dass jede PHP-Version eine andere Loader-Erweiterung benötigt. Wenn Ihr Provider die Möglichkeit bietet, zwischen mehreren PHP-Versionen zu wechseln, und Sie die ionCube-Erweiterung über eine separate php.ini selbst hinzugefügt haben, denken Sie bitte daran, diese php.ini-Datei zu aktualisieren, um sie mit der entsprechenden ionCube-Erweiterungsdatei zu verknüpfen.

Der Neustart des Servers (z. B. Apache) ist möglicherweise erforderlich, damit die neue Erweiterung geladen wird (Änderungen in php.ini werden effektiv ausgeführt).

---

Bei einigen Shared-Hosting-Unternehmen wie "1&1" können Benutzer ohne Root-Zugriff ihre benutzerdefinierten php.ini Dateien erstellen und den Ioncube-Loader auf diese Weise "installieren". Diese benutzerdefinierte php.ini hat jedoch nur Auswirkungen auf den Ordner, in dem sie sich befindet. Es hat keine Auswirkungen auf Unterordner, wie Sie vielleicht vermuten. Wenn Sie sich mit dieser Installationsmethode für den Loader befassen, müssen Sie daher Ihre benutzerdefinierte php.ini in mehrere Ordner kopieren. Wenn das AJAX-ZOOM-Modul für Ihr System sich beispielsweise im Verzeichnis /modules/ajaxzoom installiert, müssen Sie die benutzerdefinierte php.ini in die Ordner /modules/ajaxzoom/, /modules/ajaxzoom/axZm/ und z.B. /admin12345/ ablegen (oder wo auch immer die Installation der Module stattfindet).

Brauche ich einen Lizenzschlüssel, um AJAX-ZOOM Modul / Erweiterung zu testen?

Nein, AJAX-ZOOM sollte "out-of-the-box" funktionieren. Bei manchen Modulen / Plugins installiert sich AJAX-ZOOM nicht, wenn auf dem Server keine "ionCube" -Erweiterung vorhanden ist (siehe oben). Darüber hinaus gibt es Einschränkungen hinsichtlich der Anzahl der Bilder und der Bildauflösung der Demoversion. Wenn Sie AJAX-ZOOM mit höher Auflösenden Bildern testen möchten ( > 3,2 Megapixel), fordern Sie bitte einen kostenlosen "Evaluierungs" -Lizenzschlüssel für Ihre Entwickler-Domain / Subdomain an.

Wenn Sie keinen Entwicklungsserver eingerichtet haben, aber das AJAX-ZOOM-Plugin auf Ihrer Produktionswebsite installieren möchten, sollten Sie zu den Modul- / Plugin-Einstellungen gehen und die Option "displayOnlyForThisProductID" sofort einstellen. Mit dieser Option können Sie AJAX-ZOOM nur für die angegebene Produkt-ID aktivieren, sodass Sie das Modul / Plug-in gründlich testen können, ohne den gesamten Shop zu beeinträchtigen bzw. A/B-Tests durchführen können.

Wie übersetzt man das Plugin in andere Sprachen und ändert die Zeichenketten (Strings)?

Die Übersetzung der Strings erfolgt über die Plugin-Optionen und innerhalb der AJAX-ZOOM Core-PHP-Konfigurationsdatei.

1. Auf alle Plugin-Optionen kann über das Backend zugegriffen werden. Wenn Sie beispielsweise die russische Übersetzung zu der Option "zoomMsg360" hinzufügen möchten, die als JSON definiert ist, müssten Sie diesem JSON "Schlüssel" und "Wert" hinzufügen.

    
{
    "en": "Drag to spin 360°, scroll to zoom in and out, right-click and drag to pan",
    "de": "Ziehen um 360° zu drehen, zoomen mit dem Mausrad, rechte Maustaste ziehen verschiebt die Ansicht",
    "fr": "Faites glisser pour tourner à 360 °, faites défiler pour zoomer dans et hors, cliquer et faire glisser à droite pour vous déplacer",
    "es": "Arrastrar para girar en 360º, Rueda del ratón para utilizar el Zoom, botón derecho para mover la imagen"
}
    

Wenn Sie also nur Englisch als Standardsprache benötigen (bitte behalten Sie es bei) und möchten einen russischen Übersetzungsstring hinzufügen, würden Sie die entsprechende Option wie folgt ändern:

    
{
    "en": "Drag to spin 360°, scroll to zoom in and out, right-click and drag to pan",
    "ru": "Крутить 360° левой кнопкой мыши, колесом увеличивать, правой кнопкой смещать zoom"
}
    

2. Einige andere Textstrings befinden sich in der Datei [ajaxzoom Plugin-Verzeichnis] "/axZm/zoomConfig.inc.php", die ein Teil des AJAX-ZOOM-Kerns ist. Öffnen Sie diese Datei in einem Texteditor und suchen Sie nach einer Zeichenfolge, die Sie ändern möchten. Zum Beispiel suchen Sie nach der "Click to load" Nachricht. Sie befindet sich unter $zoom['config']['spinNoInit'] und sieht folgendermaßen aus:

    
$zoom['config']['spinNoInit'] = array(
    'enabled' => false,
    'file' => array('en' => 'click_to_load_en.png', 'de' => ''),
    'txt' => array(
        'en' => 'Click to load
360°
 view',
        'de' => 'Klicken um die
360° Ansicht
zu laden'
    ),
    'event' => 'click'
);
    

Wie Sie sehen können, ist dies ein PHP-Array und es befinden sich mehrere andere Unteroptionen darin. Am besten kopieren Sie das gesamte Array in zoomConfigCustomAZ.inc.php oder Sie kopieren nur die Unteroption mit Locales in diese Datei rein. Sie finden zoomConfigCustomAZ.inc.php außerhalb des Ordners / axZm im Plugin-Verzeichnis.

2a. Der nachfolgende Code ist das, was Sie in die Datei [ajaxzoom plugin directory] /zoomConfigCustomAZ.inc.php hinzufügen würden, wenn Sie das gesamte Array kopieren, Ihre Übersetzung hinzufügen und nicht benötigte Sprachen entfernen:

    
$zoom['config']['spinNoInit'] = array(
    'enabled' => true,
    'file' => array('en' => 'click_to_load_en.png', 'de' => ''),
    'txt' => array(
        'en' => 'Click to load
360°
 view',
        'ru' => 'Нажмите мышкой, чтоб загрузить 360° вид'
    ),
    'event' => 'click'
);
    

2b. Oder Sie könnten einfach die Unteroption der [ajaxzoom plugin directory] /zoomConfigCustomAZ.inc.php Datei hinzufügen:

    
$zoom['config']['spinNoInit']['txt'] = array(
    'en' => 'Click to load
360°
 view',
    'ru' => 'Нажмите мышкой, чтоб загрузить 360° вид'
);

// or

$zoom['config']['spinNoInit']['txt']['ru'] = 'Нажмите мышкой, чтоб загрузить 360° вид';
    

3. Es gibt auch eine dritte Möglichkeit, wie man eine Übersetzung hinzufügen kann, die sich in [ajaxzoom plugin directory] /axZm/zoomConfig.inc.php befinden. Im Backend finden Sie unter der Plugin-Konfiguration "azOptions" und "azOptions360", mit denen Sie die Konfiguration von [ajaxzoom plugin directory] /axZm/zoomConfig.inc.php für die Frontend-Anzeige überschreiben können. Wenn wir dasselbe wie oben über die "azOptions360" Plugin-Option (die in der Datenbank gespeichert ist) machen möchten, würde das Ergebnis in Ihrem Textfeld wie folgt aussehen:

{ "spinNoInit": { "enabled": true, "txt": { "ru": "Нажмите мышкой, чтоб загрузить 360° вид" } } }

Hier müssen wir kein Englisch definieren, da das zugehörige JavaScript-Objekt um das erweitert wird, was Sie in "azOptions360" definieren. Die Möglichkeit Nummer 2 oben (schreiben in [ajaxzoom plugin directory] /zoomConfigCustomAZ.inc.php) ist dann nicht notwendig.

Download / Preise

Changelog

Comments (1)

Leave a Comment