Informationen

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

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

Es können für jede Kategorie, jeden Hersteller und für jeden Artikel verschiedene Videos hinterlegt werden. Innerhalb des eigenen Einkaufswelten - Elements "Video Element" 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 und bei einem Vimeo-Video die Vimeo-ID. Die Videos im Bild Slider werden immer an der letzten Stelle / Position des Bild Sliders 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.

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)
  • 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)
  • 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 - Formatausgeben 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.

Hinweis: dieses Plugin ist nach dem neuen Pluginsystem ab Shopware 5.2 entwickelt worden und kompatibel mit PHP 7.

Link zur Referenz http://swdemo.sebastianschreier.de/hoehenluft-abenteuer/fashion/damen/153/elastic-muetze Bild Slider