OXID 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 OXID 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
• 100+ weitere Optionen
• Alle Komponente können über das OXID Modul Konfigurationsmenü angepasst werden
• API für Entwickler
• Kontinuierlich Produktentwicklung und technischer Support

Backend Screenshots

Backend - Hotspots & 360 "Produkt Tour"

AJAX-ZOOM Batch Tool

Sie müssen das Batch-Tool nicht unbedingt verwenden, denn wenn Bild-Kacheln und andere AJAX-ZOOM-Caches noch nicht erstellt wurden, generiert AJAX-ZOOM sie on-the-fly, entweder wenn sie im Backend als Vorschau in den Player geladen werden oder spätestens wenn sie im 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. Mit dieser neuen Batchdatei ist es möglich, bis zu 100% aller Caches abzudecken, die AJAX-ZOOM on-the-fly generieren würde, wenn sie nicht vorhanden sind.

Wenn Sie 360 / 3D-Bilder täglich zu Ihren bereits bestehenden oder neuen Produkten hinzufügen, können Sie die 360 / 3D-Sets für das Frontend nach dem Import deaktiviert lassen und später mit diesem Batch-Tool beliebige Anzahl an 360 / 3D Sets bearbeiten lassen und diese automatisch nach und nach vom Batch-Tool fürs Frontend aktivieren.

Während das Batch-Tool arbeitet können Sie tagsüber essen gehen oder PlayStation spielen und zum Abend hin früher Feierabend machen :)

Frontend Screenshots

Handhabung regulärer Bilder

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

Handhabung der 360°/3D

Um 360°/3D zu einem Produkt hinzuzufügen, editieren Sie es einfach. Sie finden dann einen "AJAX-ZOOM 360" Tab mit den folgenden Möglichkeiten vor:

• 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 '/modules/ajaxzoom/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 konfigurierbaren Produkten zuweisen.
• Eine 360° Grad "Produkt Tour" mit Beschreibungen, Videos etc. kreieren. Keine Programmierkenntnisse notwendig.
• Hotspots über ebenfalls integrierten Hotspot Editor zu erstellen.

Anforderungen

• PHP 5.4+
• Kostenlose Ioncube Loader
• ZIP
• allow_url_fopen enabled (für automatisches downloaden von AJAX-ZOOM und entpacken nach "/modules/ajaxzoom/ajaxzoom/axZm" während der Installation. Sollte allow_url_fopen deaktiviert sein bzw. automatisches downloaden nicht funktinieren, dann müssen Sie diesen Schritt manuell durchführen. Dazu schauen Sie bitte unter "Störungsbeseitigung" auf dieser Seite.)

Installation OXID 4.0 - 6.1

Testen Sie bitte das Modul in einem Testsystem oder machen Sie Backups.

1. Gehen Sie sicher, dass die kostenlosen Ioncube loaders auf dem Server installiert sind.
2. Entpacken Sie das Modul und laden es in /modules Verzeichnis hoch. Es sollte dann /modules/ajaxzoom/ajaxzoom Verzeichnis geben. Unter /modules/ajaxzoom haben Sie dann nochmals ajaxzoom Verzeichnis, sowie logo.png und vendormetadata.php
3. Gehen Sie sicher, dass /modules/ajaxzoom/ajaxzoom/pic Verzeichnis von PHP beschreibbar ist (CHMOD).
4. Im Backend dann unter ERWEITERUNGEN -> Module das AJAX-ZOOM Modul aktivieren.
5. Während der Aktivierung wird das Modul versuchen die letzte AJAX-ZOOM Version automatisch zu laden und nach /modules/ajaxzoom/ajaxzoom/axZm zu entpacken. Sie können aber auch vor der Aktivierung diesen Schritt manuell durchführen. Sollte nach der Aktivierung das /modules/ajaxzoom/ajaxzoom/axZm Verzeichnis fehlen oder leer sein, dann führen Sie bitte diesen Schritt manuell durch.
6. Unter Einstellungen des Moduls speichern Sie diese Einmalig ab.

Installation OXID 6.2 - 6.x

Testen Sie bitte das Modul in einem Testsystem oder machen Sie Backups.

1. Gehen Sie sicher, dass die kostenlosen Ioncube loaders auf dem Server installiert sind.
2. Entpacken Sie das Modul und laden es ins /source/modules Verzeichnis hoch.
3. In der Befehlskonsole führen Sie dann folgende Befehle nacheinander aus:
   • vendor/bin/oe-console oe:module:install-configuration source/modules/ajaxzoom/ajaxzoom
   • vendor/bin/oe-console oe:module:apply-configuration
4. In die composer.json (im Root) fügen Sie bitte manuell folgende Zeile in den autoload-dev -> psr-4 Knoten ein:
   "ajaxZoom\\ajaxZoom\\": "./source/modules/ajaxzoom/ajaxzoom"
   
   Der autoload-dev Knoten könnte dann so aussehen:

   
     "autoload-dev": {
       "psr-4": {
         "OxidEsales\\EshopCommunity\\Tests\\": "./vendor/oxid-esales/oxideshop-ce/tests",
         "ajaxZoom\\ajaxZoom\\": "./source/modules/ajaxzoom/ajaxzoom"
       }
     },
   

5. In der Befehlskonsole führen Sie dann composer update aus.
6. Gehen Sie sicher, dass /modules/ajaxzoom/ajaxzoom/pic Verzeichnis von PHP beschreibbar ist (CHMOD).
7. Im Backend dann unter "Erweiterungen" -> "Module" das AJAX-ZOOM Modul aktivieren.
8. Während der Aktivierung wird das Modul versuchen die letzte AJAX-ZOOM Version automatisch zu laden und nach /source/modules/ajaxzoom/ajaxzoom/axZm zu entpacken. Sie können aber auch vor der Aktivierung diesen Schritt manuell durchführen. Sollte nach der Aktivierung das /source/modules/ajaxzoom/ajaxzoom/axZm Verzeichnis fehlen oder leer sein, dann führen Sie bitte diesen Schritt manuell durch.
9. Unter Einstellungen des Moduls speichern Sie diese Einmalig ab.

Störungsbeseitigung

AJAX-ZOOM kann automatisch nicht heruntergeladen werden

Schauen Sie bitte die Installationsschritte an und laden Sie AJAX-ZOOM Dateien manuell hoch.

Sonstiges

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

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:

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.

Preise

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

Der Lizenzpreis richtet sich primär an der Anzahl unterschiedlicher Bilder, welche im AJAX-ZOOM Player insgesamt auf einer Domain angezeigt werden. Vollständige Lizenzvereinbarung finden Sie im Downloadbereich.

Changelog

Comments (0)

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