Bilder Zoom und Produkt Videos einfach integrieren
Suchen Sie nach einer leistungsstarken Bilder-Zoom Erweiterung und möchte eventuell noch zusätzlich Produkt-Videos integrieren? Dann ist diese Widget-Lösung genau das Richtige für Sie.
Dieses Bilder-Karussell Widget erweitert die Standardfunktionalität um Bilder-Zoom sowie ermöglicht die Einbindung von Produkt-Videos, u.a. von YouTube, Vimeo und selbst gehostete Videos. Die Videos werden nahtlos im PlentyShop Bilder-Karussell integriert. Die Standard-Bedienelemente funktionieren wie gewohnt weiterhin.
Widget Highlights
- Leistungsstarke Bilder-Zoom, natürlich responsive und somit für mobile Geräte optimiert
- Unterstützung von modernen Bildformaten AVIF und WEBP
- Zahlreiche Zoom-Einstellungen ermöglichen individuelle Design-Anpassungen
- Benutzerkonzept bleibt beibehalten
- Nahtlose Video-Integration in die PlentyShop Bilder-Karussell
- Integration in die PlentyShop Cookie Consent Schnittstelle
- Bei Nichtannahme der Youtube Cookies wird Youtube so eingebunden, dass der Benutzer zum Annehmen der Cookies aufgefordert wird, um das Video anschauen zu können
- Vimeo Integration ohne Verwendung von Cookies
- Video Einbindung von eigenem Server ist möglich
- Alle unterstützten Videoplattformen können parallel verwendet werden
- Pro Artikel können mehrere Videos (kommagetrennt) hinterlegt werden
- Laufendes Video wird beim Bilderwechseln automatisch gestoppt
- Alle Texte sind beliebig unter CMS > Mehrsprachigkeit anpassbar
- Individuelles Video-Vorschaubild einstellbar
Kompatibilität mit PlentyShop Versionen
Wir testen die Plugin-Kompatibilität mit jeder PlentyShop Version und aktualisieren das Plugin bei Bedarf. Die Kompatibilitäts-Liste finden Sie im Support Forum-Beitrag. Bitte beachten Sie diese Informationen, bevor Sie neue PlentyShop Updates installieren!
- Jede Erweiterung (Video, Zoom, Swipe) separat activierbar
- Starke Individualisierung der Zoom-Funktionalität über Widget Einstellungen
- Individuelles Video-Vorschaubild einstellbar (Optimale Bildgröße 200x200 Pixel)
- Individuelles Video-Vorschaubild für den Fall, falls der Benutzer die Cookies abgelehnt hat
- Festlegen der Video-Startposition in dem Bilder-Karussell
- Maximale Anzahl an Bildern, die angezeigt werden sollen
- Individuelle Player Einstellungen für YouTube und Vimeo Player
- Festlegen der Reihenfolge, in der die Videoquellen erscheinen sollen. Falls man mehr als eine Videoplattform parallel nutzen möchte. Dies kann man bequem über die Priorität (kleine Zahl, bedeutet höhere Priorität) einstellen.
Mehrsprachigkeit
Alle verwendeten Texte können und sollen unter CMS > Mehrsprachigkeit konfiguriert werden.
In YouTube Video Popup Text (Mehrsprachigkeit Variable videoInfoPopupText) kann auch ein Link auf Google Cookie-Richtlinie eingebaut werden. Dazu kann einfach die Variable :cookiepolicylink im Text verwendet werden. Welches Link dabei verwendet wird, kann unter der Mehrsprachigkeit Variable cookiePolicieLink angepasst werden.
Wir möchten darauf hinweisen, dass wir keine Rechtsberatung leisten und keine Haftung für die Richtigkeit der Angaben übernehmen können. Konsultieren Sie einen Anwalt, um die recht sichere Texte im Bezug auf die Cookies Hinweise zu verwenden.
Folgende Schritte sind erforderlich, um das Widget nutzen zu können:
- Installieren und positionieren Sie das Plugin zwischen PlentyShop und IO und stellen Sie den Plugin-Set anschließend bereit.
- Video Funktion: Legen Sie unter Einrichtung > Einstellungen > Eigenschaften > Konfiguration eine neue Eigenschaft für den Bereich Artikel und zwar vom Typ Text an. Diese Eigenschaft kann beliebig benannt werden. Es ist aber empfohlen, diese nach dem Namen der Video-Plattfrom zu benennen, damit man diese später besser zuordnen kann. Anschließend muss man diese Eigenschaft manuell oder per CSV-Import den gewünschten Artikeln zugeordnen und mit Daten befüllen. Bitte beachten Sie auch die Sichtbarkeit-Einstellungen! Dort müssen alle gewünschte Mandanten und die Option "Anzeige auf der Artikelseite im Webshop" ausgewählt sein und mindestens die Herkunft für den Webshop. Fall Sie mehr als eine Video-Plattform verwenden möchten, legen Sie nach dem gleichen Prinzip eine weitere Eigenschaft für jede Videoplattform an.

- Notieren Sie sich die Eigenschaft ID, die Sie soeben erstellt haben. Diese wird für die Plugin Konfiguration benötigt.
- Passen Sie die Standard Texte des Plugins unter CMS > Mehrsprachigkeit an.
- Erstellen Sie ein Dummy-Bild, welches angezeigt werden soll, falls die Cookies vom Benutzer nicht angenommen werden. Empfohlene Bildergröße 1000 x 1000 px.
- Erstellen Sie ein kleines Vorschaubild. Empfohlene Bildergröße 200 x 200 px.
- Legen Sie beide Bilder unter CMS > Webspace ab.
- Im ShopBuilder unter Artikelansicht ersetzen Sie das Standard Bilder-Karussell durch dan Eweiterter Bilder-Karussell Widget.

- Nun hinterlegen Sie die Eigenschaft ID aus dem Schritt 3, sowie die beiden Bilder in den Widget Einstellungen.

- Aktivieren Sie Bilder Swipe Funktion. Die Bilder Swipe Funktion ist um einges benutzerfreundlicher, als die Standard PlentyShop Funktionalität.

- Aktivieren Sie Bilder Zoom Funktion und passen Sie die Designeinstellungen bei Bedarf an.
- Die Einrichtung ist nun abgeschlossen und das Plugin ist Einsatzbereit. Das Video wird automatisch eingebunden, sobald in der konfigurierten Eigenschaft (s. Schritt 2 und 3) die YouTube Video ID, Vimeo Video ID oder Video Name hinterlegt wird.

Es besteht die Möglichkeint mehr als ein Video pro Videoplatform zu hinterlegen. In dem Fall werden die Video-IDs bzw. Video-Namen einfach kommagetrennt in das Eigenschaften-Feld eingetragen.
Wichtig: Damit die Bilder Swipe Funktion fehlerfrei funktioniert, müssen alle Bilder die gleiche Proportion haben, z. B. 1:2 (1000x2000px). Empfohlene Bildergröße 1:1 (1500x1500 Pixel).
Wie finde ich die YouTube Video ID?
Das ist sehr einfach: YouTube URL ist wie folgt aufgebaut: https://www.youtube.com/watch?v=
YouTube Video ID.
Bsp.: https://www.youtube.com/watch?v=EaqUd_pUoNM
Die YouTube Video ID ist also EaqUd_pUoNM

Wie finde ich die Vimeo Video ID?
Das ist sehr einfach: Vimeo URL ist wie folgt aufgebaut: https://vimeo.com/
Vimeo Video ID.
Bsp.: https://vimeo.com/20022627
Die Vimeo Video ID ist also 20022627

Wie konfiguriere ich eigenen Server?
Support und Fragen
Bei Fragen oder Anregungen schreiben Sie uns einfach direkt
im Support-Forum. Wir werden schnell antworten!
Lizenz Hinweise
Dieses Plugin wird entwickelt und supported durch KJ-Vertrieb