Neu jtl.gallery.js anpassen um iFrame code einzufügen

[Baby_Natur]

Guten Abend,
ich möchte gerne auf der Artikelseite als erstes Bild eines Artikels einen bestimmten iFrame code verwenden. Leider finde ich in der .js Datei nicht die richtige Stelle um dies zu machen. Hat jemand eine Idee? Letztlich soll das Thumb links ein festes Bild sein und bei Klick darauf im normalen Bild Bereich der iFrame Inhalt gezeigt werden.

JTL Shop 4.03

Grüße,
Stefan

 

[css-umsetzung]

Das kannst du fast vergessen, die komplette Gallery wird per JS generiert.

Die Frage ist jetzt was in dem iframe drin ist, ein Bild oder ein Video?

 

[Baby_Natur]

In dem iframe selber wird ein JS Code angezeigt, in meinem Fall eine 360° Ansicht von Produkten. Hier der Code:

<... src='//spins0.arqspin.com/iframe.html?spin=x4q36yt373hf&is=-0.16' width=512 height=512 scrolling='no' frameborder='0'></...>

In Zeile 19 wird ja der Thumb Bereich aufgebaut. Wäre das eine gute Stelle zum einfügen?

 

[css-umsetzung]

Regel das lieber über einen gesonderten Button in einem Modalem Fenster, da hast du mehr von, denn die Gallery ist einzig auf Bilder ausgelegt.
So wie wir es z.B. hier gemacht haben
http://bit.ly/2vdpg9I

Hier habe ich über JS, nachträglich ein Video eingebunden, das ging auch noch weil es einen eigenes fullsize hat aber bei deinen 360er Bildern möchtest du dann ja auch ein Popup haben und ich denke das das nicht klappen wird, schon gar nicht bei einem Iframe.
http://bit.ly/2uUmfjp

 

[martinwolf]

@Babynatur_Konstanz Falls Interesse an einer nachträglichen Anpassung des bestehenden Templates besteht. Habe das hier bereits umgesetzt: https://mtp-racing.de/Sturzhelm-Integralhelm-Airtrix-Race-Star-verschiedene-Farben
Ist zwar kein EVO-Template, nutzt aber die selbe Bibliothek für die Darstellung der Bilder.
Für Videos gibt es in dem verwendeten Template bereits eine native Funktion mit drei Darstellungsarten insgesamt, siehe: http://hypnos4.wolf-mediengestaltung.de/Hersteller-1-Artikel-mit-Allen-Angaben_2

Das schöne, sowohl die 360Grad Ansicht als auch die Videos laden effektiv erst wenn das Overlay für die große Darstellung aufgerufen wird. Somit sind schnelle Ladezeiten auch auf mobilen Geräten gewährleistet.

 

[css-umsetzung]

Wir haben das nun ganz gut gelöst bekommen, da der Anbieter in einem Iframe aufgerufen wird, und sich dann nach den ausmaßen des Iframes richtet auch nach der Höhe des Iframes, wird dieser vorher durch JS so eingestellt, dass wir immer eine viereckige Box haben, sonst wird das Bild durch den Anbieter verzerrt. Das resizing wird hier nicht beachtet, der Shop ist durch die ganzen JS Frameworks schon genug im Stress.
https://www.baby-natur.ch/Froddo-halbhoher-Schuh-blau