Neu 360 Grad Webspin Picture Instruments in Shop5 nutzen?

[Predpray]

Viel habe ich zu diesem Thema noch nicht gefunden. Zuerst mal vieleicht eines: Ich möchte kein 1000 Euro Template kaufen wo das irgendwie implementiert ist. Es soll mit dem NOVA Template funktionieren. Ich habe die Software "360 Webspin von Picture Instruments" mit dieser Software erhalte ich einen Ordern mit den Fotos den Schaltflächen für den Player und eine hammer.js die das alles dann dann darstellt. Außerdem wird eine *.html Datei erstellt. Wie bekomme ich nun diese Situation an mein Produkt?
Ich bekomme immer nur Erklärungen wie man das in eine einfache Web-Seite integriert. Nie aber wie man das in einen Shop - und dafür ist es ja gedacht rein bekommt.

Ich wäre glücklich und damit bin ich sicher nicht allein, wenn man diese Art der Produktdarstellung nutzen könnte.

Danke für Euer Interesse

 

[apalusa]

Ich glaube nicht, dass das so einfach umzusetzen ist. Damit das funktioniert braucht man ja einmal die einzelnen Bilder für das jeweilige Produkt, und den JS Code der diese Bilder dann entsprechend verarbeitet um eine 360 Grad Ansicht zu bieten. Die Bilder einfach als Artikelbilder einzufügen ist keine Option, da diese dann als einzelne Bilder aufgereiht werden, immerhin kann der Shop nicht automatisch wissen ob es sich um eine 360 Grad Ansicht handelt oder nicht.
Man müsste die Bilder also vermutlich manuell auf den Server laden.

Gleichzeitig braucht man den nötigen JS Code der diese dann verarbeitet, der Code muss aber wissen wo die Bilder sind und wie diese heißen. Wenn man das also Allgemein haben möchte, muss man sich ein System überlegen wodurch der JS Code automatisch das richtige Verzeichnis findet, ohne dieses direkt im Code fest anzugeben. Der Code würde dann aber im Allgemeinen bei allen Artikeln anlaufen und voraussichtlich Probleme mit der Ladezeit schaffen, also bräuchte man am besten noch eine Möglichkeit wie sofort am Anfang festgestellt wird, ob es überhaupt eine 360 Grad Ansicht für den Artikel gibt.

Alternativ könnte man es manuell machen, wenn es nur einige wenige Artikel betrifft. Hierfür müsste man die Bilder und den Code dann an entsprechender Stelle bei dem jeweiligen Artikel manuell einbinden.
Für diese manuelle Lösung würde mir spontan das Plugin "Dropper" von Kreativkonzentrat einfallen, hier kann man bei einzelnen Artikeln ohne großen Aufwand Custom HTML Code einbinden. Das kann natürlich auch ein JS Script beinhalten und funktioniert für einen doch etwas komplizierteren Fall wie diesen bestimmt besser als der OPC von JTL (habe Dropper im Shop 5 aber selbst noch nicht getestet).

Für die oben genannte "automatische" Version müssten umfangreiche Anpassungen am Template vorgenommen werden, das kann man mit dem notwendigen Wissen auch selbst machen bzw. sich dieses Wissen aneignen, allerdings stelle ich mir vor allem die Optimierung sehr umfangreich und aufwendig vor.
Ich habe aber gerade mal im Extension Store gesucht, es scheint dafür ein Plugin für das NOVA Template zu geben, vielleicht kann euch das ja weiterhelfen:
https://www.jtl-software.de/extension-store/360-grad-ansicht-video-anzeige-fuer-produkte-jtl-shop-5

So zumindest meine, relativ Laienhafte, Ansicht zu dem Thema. Natürlich lasse ich mich auch gern korrigieren falls ich eine viel einfachere Möglichkeit übersehen habe, in dem Fall wäre das für uns auch potenziell interessant.

 

[Predpray]

Ich glaube nicht, dass das so einfach umzusetzen ist. Damit das funktioniert braucht man ja einmal die einzelnen Bilder für das jeweilige Produkt, und den JS Code der diese Bilder dann entsprechend verarbeitet um eine 360 Grad Ansicht zu bieten. Die Bilder einfach als Artikelbilder einzufügen ist keine Option, da diese dann als einzelne Bilder aufgereiht werden, immerhin kann der Shop nicht automatisch wissen ob es sich um eine 360 Grad Ansicht handelt oder nicht.
Man müsste die Bilder also vermutlich manuell auf den Server laden.

Gleichzeitig braucht man den nötigen JS Code der diese dann verarbeitet, der Code muss aber wissen wo die Bilder sind und wie diese heißen. Wenn man das also Allgemein haben möchte, muss man sich ein System überlegen wodurch der JS Code automatisch das richtige Verzeichnis findet, ohne dieses direkt im Code fest anzugeben. Der Code würde dann aber im Allgemeinen bei allen Artikeln anlaufen und voraussichtlich Probleme mit der Ladezeit schaffen, also bräuchte man am besten noch eine Möglichkeit wie sofort am Anfang festgestellt wird, ob es überhaupt eine 360 Grad Ansicht für den Artikel gibt.

Alternativ könnte man es manuell machen, wenn es nur einige wenige Artikel betrifft. Hierfür müsste man die Bilder und den Code dann an entsprechender Stelle bei dem jeweiligen Artikel manuell einbinden.
Für diese manuelle Lösung würde mir spontan das Plugin "Dropper" von Kreativkonzentrat einfallen, hier kann man bei einzelnen Artikeln ohne großen Aufwand Custom HTML Code einbinden. Das kann natürlich auch ein JS Script beinhalten und funktioniert für einen doch etwas komplizierteren Fall wie diesen bestimmt besser als der OPC von JTL (habe Dropper im Shop 5 aber selbst noch nicht getestet).

Für die oben genannte "automatische" Version müssten umfangreiche Anpassungen am Template vorgenommen werden, das kann man mit dem notwendigen Wissen auch selbst machen bzw. sich dieses Wissen aneignen, allerdings stelle ich mir vor allem die Optimierung sehr umfangreich und aufwendig vor.
Ich habe aber gerade mal im Extension Store gesucht, es scheint dafür ein Plugin für das NOVA Template zu geben, vielleicht kann euch das ja weiterhelfen:
https://www.jtl-software.de/extension-store/360-grad-ansicht-video-anzeige-fuer-produkte-jtl-shop-5

So zumindest meine, relativ Laienhafte, Ansicht zu dem Thema. Natürlich lasse ich mich auch gern korrigieren falls ich eine viel einfachere Möglichkeit übersehen habe, in dem Fall wäre das für uns auch potenziell interessant.

Hej das ist ja mal ne ausführliche Antwort. -
Es ist ja so. Ich habe heraus gefunden, man benötigt ein Plugin, welches ein Funktionsattribut ansrpicht. Ich habe das Plugin welches Du angesprochen hast, getestet. Es funktioniert. Die Fotos habe ich mit Hilfe meiner Software zu einer html Datei gemacht. Die Software liefert das hammer.js mit. Die Dateien habe ich ins root Verzeichnis des Shops in den Ordner 360grad getan. Im Funktionsattribut habe ich dann den Link zur html-Datei hinterlegt. Das Funktionsattribut wird dann entsprechend dem Artikel zugeordet.
Jetzt wird im Shop unter dem Artikel ein Button mit der Aufschrift "360° Ansicht" gezeigt. Klickt man drauf wird ein Overlay erzeugt das sich leider nur unvollständig über das Artielbild legt. Wäre es responsiv sollte es sich anpassen. Naja kurz um es funktioniert, sieht aber bescheiden aus. Deshalb nehme ich davon Abstand und bemühe wohl eine andere Lösung. In der werden wir das über ein Sprite lösen welches als einzelnes Foto hochgeladen wird und mittels Attribut und js eine voll responsive Darstellung ermöglich wird. Ist noch in Arbeit.

 

[Shop-Schmied]

Hej das ist ja mal ne ausführliche Antwort. -
Es ist ja so. Ich habe heraus gefunden, man benötigt ein Plugin, welches ein Funktionsattribut ansrpicht. Ich habe das Plugin welches Du angesprochen hast, getestet. Es funktioniert. Die Fotos habe ich mit Hilfe meiner Software zu einer html Datei gemacht. Die Software liefert das hammer.js mit. Die Dateien habe ich ins root Verzeichnis des Shops in den Ordner 360grad getan. Im Funktionsattribut habe ich dann den Link zur html-Datei hinterlegt. Das Funktionsattribut wird dann entsprechend dem Artikel zugeordet.
Jetzt wird im Shop unter dem Artikel ein Button mit der Aufschrift "360° Ansicht" gezeigt. Klickt man drauf wird ein Overlay erzeugt das sich leider nur unvollständig über das Artielbild legt. Wäre es responsiv sollte es sich anpassen. Naja kurz um es funktioniert, sieht aber bescheiden aus. Deshalb nehme ich davon Abstand und bemühe wohl eine andere Lösung. In der werden wir das über ein Sprite lösen welches als einzelnes Foto hochgeladen wird und mittels Attribut und js eine voll responsive Darstellung ermöglich wird. Ist noch in Arbeit.

Habt Ihr das inzwischen im Einsatz? Ansonsten könnte man natürlich auch über den OnPage Composer bei den betreffenden Artikeln z.B. ein 360grad-Video verlinken, oder etwas einbetten. Wenn das aber sehr viele Artikel betrifft... dann wohl eher nicht. PS: Das Plugin wollte ich auch testen, aber anscheinend funktioniert es nicht ohne Anpassungen mit unserem Salepix-Fire-Template. Richtig interessant wäre das eigentlich auch erst, wenn diese 360grad-Bilder oder Videos auch an Plattformen wie z.B. ebay gesendet werden könnten. GIF´s funktionieren leider nicht.

 

[Predpray]

Habt Ihr das inzwischen im Einsatz? Ansonsten könnte man natürlich auch über den OnPage Composer bei den betreffenden Artikeln z.B. ein 360grad-Video verlinken, oder etwas einbetten. Wenn das aber sehr viele Artikel betrifft... dann wohl eher nicht. PS: Das Plugin wollte ich auch testen, aber anscheinend funktioniert es nicht ohne Anpassungen mit unserem Salepix-Fire-Template. Richtig interessant wäre das eigentlich auch erst, wenn diese 360grad-Bilder oder Videos auch an Plattformen wie z.B. ebay gesendet werden könnten. GIF´s funktionieren leider nicht.

Nein, das hat sich optisch als nicht so schön rausgestellt. Es ist auch einfach viel Aufwand und für meine Produkte eher nebensächlich. Wenn man Uhren verkauft oder irgendwelche Teile die von allen Seiten sichtbar sein müssen okay. Aber in meinem Fall bin ich davon abgekommen.
Gruß Predpray