Videos für den Bild Slider / Listings / Einkaufswelten (HTML5, YouTube, Vimeo) inkl. 2-Klick-Lösung

Über die Erweiterung

Kontakt & Support

Treten Sie bei Fragen oder Anregungen einfach mit uns über die E-Mail shopware.support@digitalwert.de in Kontakt und wir helfen Ihnen gern weiter. Eine Anleitung zum Plugin finden Sie unter: https://shopwaredemo.digitalwert.de/media/pdf/b0/83/d7/Anleitung_Videos.pdf (Link zur Anleitung).

Beschreibung des Plugins

Mit dem Plugin "Videos für den Bild Slider / Listings / Einkaufswelten (HTML5, YouTube, Vimeo) inkl. 2-Klick-Lösung" kann man Videos dem Bild Slider auf der Artikel-Detailseite, dem Kategorie und Hersteller Listing und den Einkaufswelten hinzufügen. Die Videos können dabei auch mittels einer 2-Klick-Lösung speziell für die DSGVO eingebunden werden (*4), sodass die Videos beziehungsweise deren Video-URLs erst dann geladen werden, wenn der Nutzer auf das jeweilige Vorschaubild klickt. Es können dabei für jede Kategorie, jeden Hersteller und für jeden Artikel verschiedene Videos hinterlegt werden.

Innerhalb des eigenen Einkaufswelten - Elements "Video Element" ( https://shopwaredemo.digitalwert.de/video ) kann man den Video - Typ (HTML5-, YouTube-, Vimeo- oder eingebettetes Video), die Video - ID / Video - URL, das Vorschaubild für die 2-Klick-Lösung, die maximale Breite und die maximale Höhe des Videos festlegen, auf Grundlage derer sich das Video responsiv verhält und seine Abmessung dynamisch anpasst. Zusätzlich kann noch ausgewählt werden, ob das Video über die 2-Klick-Lösung eingebettet werden soll. Folgende HTML5-Parameter sind dabei möglich: Videos fortwährend wiederholen (loop), Steuerung der Videos ausblenden (controls) und Video vorladen (preload). Des Weiteren sind folgende YouTube-Parameter möglich: Videos automatisch starten (autoplay), Videos fortwährend wiederholen (loop), Steuerung der Videos ausblenden (controls), Video-Empfehlungen ausblenden (rel), Informationen ausblenden (info) und Branding ausblenden (branding). Für Vimeo - Videos sind folgende Vimeo-Parameter möglich: Videos automatisch starten (autoplay), Videos fortwährend wiederholen (loop), Avatar des Videos ausblenden (portrait), Titel des Videos ausblenden (title) und Autor des Videos ausblenden (byline).

Die bisher unterstützten Videoformate sind HTML5, YouTube und Vimeo. Bei jedem Video muss die entsprechende Video-URL oder Video-ID hinterlegt werden, bei einem HTML5-Video ist dies die URL zum HTML5-Video, bei einem YouTube-Video die YouTube-ID (*1) und bei einem Vimeo-Video die Vimeo-ID (*1). Die Videos im Bild Slider werden immer an der letzten Stelle / Position des Bild Sliders auf der Artikel - Detailseite dargestellt, da sonst die Shopware - Funktionen wie der ZoomViewer und ähnliches nicht mehr korrekt funktionieren würden.

Für jedes Video kann per Mediumauswahl ein vorher hochgeladenes Vorschaubild für den Bild Slider ausgewählt werden. Sollte kein Vorschaubild ausgewählt sein, wird automatisch das erste Artikelbild inklusive eines Video-Icons verwendet. Bei HTML5 – Videos kann man zusätzlich per Mediumauswahl ein sogenanntes "Poster" auswählen.

Ebenso kann ein Video - Badge im Bild Slider angezeigt werden, dass die Information enthält, ob der Artikel über Produktvideos verfügt und anzeigt, wieviel Produktvideos beim Artikel vorhanden sind. Zusätzlich kann das Video - Badge auch auf das erste Produktvideo verlinkt werden, damit der Kunde beim Anklicken des Video - Badges sofort zu den Videos gelangt.

Beim Kategorie Listing kann ein responsives Video an einer der folgenden Positionen angezeigt werden:

• vor dem Kategorie Listing Banner
• vor der Kategorie Listing Überschrift und dem Text
• vor dem Kategorie Listing Topseller-Bereich
• vor dem Kategorie Listing
• vor der Kategorie Listing Tagcloud
• nach der Kategorie Listing Tagcloud

Beim Hersteller Listing kann ein responsives Video an einer der folgenden Positionen angezeigt werden:

• vor der Herstellerüberschrift und der -bescheibung
• nach der Herstellerüberschrift und der -bescheibung
  
• nach dem Produkt-Listing

Innerhalb der Plugin-Konfiguration können zusätzlich ausgewählte Video-Parameter festgelegt werden. Die Video-Parameter können auch individuell je Video festgelegt werden (weitere Informationen in der Anleitung https://shopwaredemo.digitalwert.de/media/pdf/b0/83/d7/Anleitung_Videos.pdf ).

Folgende HTML5-Parameter sind möglich:

• Videos fortwährend wiederholen (loop)
• Steuerung der Videos ausblenden (controls)
• Video vorladen (preload)

Folgende YouTube-Parameter sind möglich:

• Videos automatisch starten (autoplay) (*2)
• Videos fortwährend wiederholen (loop)
• Steuerung der Videos ausblenden (controls)
• Video-Empfehlungen ausblenden (rel)
• Informationen ausblenden (info)
• Branding ausblenden (branding)

Folgende Vimeo-Parameter sind möglich:

• Videos automatisch starten (autoplay) (*2)
• Videos fortwährend wiederholen (loop)
• Avatar des Videos ausblenden (portrait)
• Titel des Videos ausblenden (title)
• Autor des Videos ausblenden (byline)

Des Weiteren ist es möglich, strukturierte Daten der Videos (sogenannte Video Rich Snippets) im Frontend des Shops im Header im JSON-LD - Format ausgeben zu lassen, indem man diese im Backend beim Menüpunkt "Inhalte" -> "Strukturierte Daten von Videos" für jedes Video auf Basis der Video-ID/-URL festlegt. Die strukturierten Daten können über https://search.google.com/structured-data/testing-tool geprüft und für YouTube und Vimeo beispielsweise über https://app.sistrix.com/de/video-snippet-generator ermittelt werden.

Hinweise zum Plugin

(1). Entwickelt nach dem neuen Pluginsystem ab Shopware 5.2.

(2). Kompatibel mit PHP 7.

(3). 30 Tage unverbindlich testen: mit der Testversion können Sie das Plugin 30 Tage kostenfrei und in vollem Umfang direkt in Ihrem Shop einsetzen.

(4). Kompatible Themes: dieses Plugin ist zu dem Responsiven Theme von Shopware und zu Themes, die von diesem abgeleitet werden, kompatibel. Bei der Nutzung eines Drittanbieter - Themes, das über den Shopware Store erworben wurde, kann der ordnungsgemäße Einsatz des Plugins wie bei jedem anderen Shopware - Plugin nicht garantiert werden.

(5). Subshop-Fähigkeit: das Plugin ist subshopfähig und kann je Subshop aktiviert werden.

(6). Unverschlüsselt: das Plugin wird komplett quelloffen bereitgestellt, Sie benötigen also auch nicht den Lizenz Manager von Shopware und es kann somit problemlos ohne den iOnCube Loader genutzt werden.

(7). Mehrsprachigkeit: die einzelnen Texte können innerhalb der Textbausteine nach den eigenen Wünschen angepasst werden.

(8). Eigene Shopware - Blöcke: das Plugin stellt eigene Shopware – Blöcke bereit, um das Plugin updatesicher im eigenen Theme anpassen oder erweitern zu können. Die Namen der entsprechenden eigenen Shopware - Blöcke finden Sie in der Anleitung: https://shopwaredemo.digitalwert.de/media/pdf/b0/83/d7/Anleitung_Videos.pdf .

(9). Unser Plugin ist mit der QuickView - Funktion des Shopware Plugins Shopware Storytelling kompatibel (letzte Prüfung: 01.04.2019 in der Plugin Version 3.2.1).

Anmerkungen zum Plugin

(*1): Wie erhält man die IDs der Videos? Bei einem YouTube-Video ist immer der Wert hinter dem v= bzw. hinter https://youtu.be/ die YouTube-ID, beispielsweise bei https://www.youtube.com/watch?v=aGQHr4luXqU oder https://youtu.be/aGQHr4luXqU die aGQHr4luXqU. Bei Vimeo ist die Vimeo-ID der Wert hinter https://vimeo.com/, also bei https://vimeo.com/68370399 die 68370399.

(*2): Es kann bei der Nutzung der Autoplay - Funktion dazu kommen, dass das Endgerät beziehungsweise das Betriebssystem (iOS oder Android) diese Funktion nicht unterstützt, um die zu übertragene Datenmenge in mobilen Netzwerken niedrig zu halten. Der Google Chrome beispielsweise blockiert die Autoplay - Funktion seit Längerem komplett: https://developers.google.com/web/updates/2017/09/autoplay-policy-changes .

(*3): Bei HTML5 – Videos können gleichzeitig mehrere Videoformate (.mp4, .webm, .ogv, .ogg) angeboten werden, dazu müssen nur beim Feld "Video-ID/-URL" die URLs zu den HTML5-Videos getrennt durch einen senkrechten Strich (|) hinterlegt werden. Bei HTML5 - Videos im .mov - Videoformat wird nur das Hinterlegen eines Videoformats unterstützt.

(*4): Es kann bei der Nutzung der 2-Klick-Lösung bei YouTube- und Vimeo - Videos dazu kommen, dass das Endgerät beziehungsweise das Betriebssystem (iOS oder Android) die verwendete Autoplay - Funktion nicht unterstützt und dadurch der Nutzer noch einmal auf die Schaltfläche im YouTube- oder Vimeo - Video direkt klicken muss (um die zu übertragene Datenmenge in mobilen Netzwerken niedrig zu halten, wird meist die Autoplay - Funktion unterbunden). Der Google Chrome beispielsweise blockiert die Autoplay - Funktion seit Längerem komplett: https://developers.google.com/web/updates/2017/09/autoplay-policy-changes. Das gleiche gilt für den Mozilla Firefox ab Version 66: https://blog.mozilla.org/press-de/2019/03/19/ohne-autoplay-springende-seiten-mit-neuem-firefox-ungestoert-durchs-web-surfen/ .